<

Changing Text Highlight Color in CSS

Posted on
6,285 Points
285 Views
Last Modified:
Experience Level: Beginner
3:20
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 an Image Sprite 86
Alpha Transparency in CSS 76
Drop-Cap Effect in CSS 81
Introduction to CSS (Part 2) 112
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
reCAPTCHA Version 3 was released in 2018, and it works differently to the "I'm not a robot" checkbox in reCAPTCHA version 2. With v3, there's no robot checkbox, but an annoying badge is displayed in the lower right corner of your entire website. Eve…

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month