<

Changing Text Highlight Color in CSS

Posted on
6,300 Points
300 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
CSS Positioning - Relative vs Absolute vs Fixed 315
Corner Ribbon Effect in CSS 359
Custom List Bullets in CSS 220
Flexible Layouts 73
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
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