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 Comments
Suggested Videos
| Title | Views | Activity |
|---|---|---|
| Creating Scalable Full-Page Backgrounds in CSS3 | 144 | |
| Navigation Hover Effects with CSS Sprites | 316 | |
| Using z-index Positioning in CSS | 128 | |
| Creating an Image Sprite | 87 |
Styling your websites can become very complex.
Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Suggested Courses
Next Video:Introduction to CSS (Part 2)