By default, the color used when you highlight text on a website is blue.
Not only can you change the color, you can also change the type of font and font color when text is selected and highlighted on your site.
Simply add this code to your child theme’s style.css file and change the hex code colors to your own liking.
/* Change Selection Text Color When Highlighting */
::-moz-selection { background-color: #476f30;
color: #fff; }
::selection { background-color: #476f30;
color: #fff; }
![Change Text Selection Highlight Color Change Text Selection Highlight Color](https://wpsites.net/wp-content/uploads/2012/08/Change-Text-Selection-Highlight-Color.png)
Pretty simple way to change the text color that’s highlighted when you select it for copy or search.
CSS Resources & Snippets
You’ll find this site an excellent source of CSS snippets.
The owner 0f CSS Tricks, Chris Coyier is regarded as a CSS expert.
Learn CSS
Another excellent resource for learning the basics and testing CSS code is http://www.w3schools.com/css/
If you know of other sites which offer code snippets you are welcome to add a link in the comments section. Thanks
Was This Tutorial Helpful?