Cool Highlight Text Color with CSS Selection

CSS Selection

Google still has that “beginning of the Internet look”. I mean, blue links. For a while this was common for all website links to be blue; now with CSS we can change the color of links and rollover effects.

The time has come to change the colors of the text and background when you are selecting text

In most websites when you highlight some text, you will get a background color of blue with white text. How boring !  :~D

How to Change your Highlight Text using CSS

Just add the following code to your sites CSS sheet. Change the COLOR to the color you want for your text and change the BACKGROUND to the color you want for the background, pretty simple…

::-moz-selection{ background: #fff; color: #2D83D5; }
::selection { background: #fff; color: #2D83D5; }
code::-moz-selection { background: #333; color: #fff; }
code::selection { background: #333; color: #fff; }

You have to use -moz in front in order to get Firefox to work properly, unfortunately IE sucks and doesn’t support this.

Online Color Selector Check out this site for a quick way to get the code for the colors you want to use.