Selected text

February 27th, 2010

Zeldman pointed out a nice CSS3 feature. To set the colour of selected text, try adding this to your style sheet:

::-moz-selection { color: #004080; background: #fffdd7; }
::selection { color: #004080; background: #fffdd7; }

To my knowledge, this feature works in Mozilla-based browsers, Safari and Opera.1 It doesn't work in Internet Explorer, but it doesn't break anything either.

  1. I wouldn't know about Chrome. Google – like quite a few suppliers of Mac OS X software nowadays – don't bother producing a version of their browser for PowerPC-based Macs. However, I'd be very surprised if this feature isn't supported in Chrome, given that it uses the same Webkit rendering engine as Safari.

Tags for this entry 

This entry was posted on Saturday, February 27th, 2010 at 23:14. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.