Home | Store | Contact | Videos | Privacy Policy

How to change the font color and background color of selected text using only css

2 Comments » | This post was viewed 15853 times.

Websites having huge amount of contents and tutorials are often used for the references and usually bookmarked. Do you think upon delivering a unique gumption of feelings to your users who used your contents for their source of information’s? The best way is to change the background and the color of the selected text on the website.

background-color

You can easily change the background and the text color of the selected text using CSS properties defined below

::-moz-selection{
    background:#cc3333;
    color:#fff;
}

::selection {
    background:#cc3333;
    color:#fff;
}

In case you want to implement this into your WordPress blogs then you just need to open the WordPress theme directory ( wp-content/themes/yourthemename/style.css) and the above CSS files into your style sheet.background-color-change-text-css

Note:

  1. I used the red shade (#cc3333) because its my default color scheme, you may used the colors matched with your webpage.
  2. This method works like cream and is compatible with with Mozilla Firefox and Safari. This doesn’t work on Internet Explore.
  3. We defined ::-moz-selection for Mozilla Firefox whereas ::selection is used for default Safari browsers.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “How to change the font color and background color of selected text using only css”

  1. Tech-Freak Stuff Says:
    August 2nd, 2009 at 11:28 pm

    Thanks for the Tip! I needed some CSS help desperately!

  2. Honey Singh Says:
    August 3rd, 2009 at 12:11 am

    L’me know how can i help you ?

Leave a Reply