<

Changing Text Highlight Color in CSS

Posted on
6,307 Points
307 Views
Last Modified:
Published
Experience Level: Beginner
3:19
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS

Video Steps

1. Begin by defining the selected text as an element in CSS by typing "::selection"

2. Style the ::selection element's font color with the "color:" property, the same as any other element

3. Style the selection element's highlight with the "background-color:" property. The default color for most browsers is blue

4. For maximum browser compatibility, copy the entire element's style and instead of "::selection" type "-moz-::selection"

0
0 Comments

Suggested Videos

Title Views Activity
Creating Scalable Full-Width Header in CSS3 568
Corner Ribbon Effect in CSS 371
Custom List Bullets in CSS 246
Rounded Corner Effect in CSS 71
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month