From the course: Productivity Tips for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Customizing your text-selection color with CSS

Customizing your text-selection color with CSS

From the course: Productivity Tips for Web Designers

Start my 1-month free trial

Customizing your text-selection color with CSS

- Hello, friends, this is Sue Jenkins with productivity tips for web designers. Today, I'll show you how you can customize your website's browser text selection color with CSS. All browsers have default settings for how HTML content displays, including elements like fonts, colors, links, and other content. This means, if you don't add any CSS styles to your HTML markup, different browsers will likely display your content based on that browser's default setting. Most web designers take great care to override these default browser settings by styling and positioning their HTML content with CSS. However, it's a little known fact that you can change the browser's default text selection color with CSS. A browser's text selection color is the color that appears behind selected text. Like customizing the style for your HTML links, styling your text selection color is another really great way of personalizing your visitor's experience on your website. While the color may seem arbitrary, most…

Contents