14/05
2005
2005
Use CSS to Change Highlighted Text Style
Sponsored Links
There are several interesting style on Mozilla’s specific CSS. One of the most interesting trick is changing the style of the text when user highlighted the text using -moz-selection property. Look below:
[css]::-moz-selection{
background-color: #ff0000;
color: #fff;
}[/css]
now when user selected or highlighted any text, the background color will change to red (#ff0000) and the text color is white (#fff). I used that style on this site so simply highlighted any text here and see the result 
)
Don’t forget that this is Mozilla’s specific CSS, so it won’t work on Internet Explorer. I hope this property will be included on CSS3 specification draft so more browser will support it.
Use CSS to Change Highlighted Text Style is written by cosa and posted under Web & Graphic Design , css, design, mozilla. If you like it, you might consider subscribing to our feed, follows us on Twitter, or receive our latest posts via email. Or else, you could also or store it to your favourite social bookmark sites. Further information about this article can be found.
And while you're here, why don't you check out our other articles:
Pssst! Most people are coming to this page searching for: css highlight text color,css highlight text,css text highlight color,css highlighted,change text style,CSS highlighted text,style,css highlighted text color,css selected text,text style change,CSS - Chaning highlighted text color,css selected text style,css selected text color,css moz-selection,text-style css,change style of text,highlighted text css,CSS change text highlight color,css change text style,change color of highlighted text CSS, 
