Change the Colour of Selected Text Using CSS

Have you ever selected the text on a website and it has been a funky colour and you’ve thought, how do they do that? Well it is very easy using just a few lines of CSS.

You can see this in action on our website, try clicking and dragging the cursor over some text and you will notice that it is orange! This works on most modern browsers but unfortunately not Internet Explorer, why are we not surprised?

::-moz-selection{background:#F60;color:#fff;}
::selection {background:#F60;color:#fff;}
Posted on 3rd January 2013 by in Tutorials, Website Coding
css, select color, select text
Related Posts from Tutorials, Website Coding
WordPress: Allow Editors to Manage MenusWordPress: Allow Editors to Manage Menus
How to Output the WooCommerce SKU via Function or ShortcodeHow to Output the WooCommerce SKU via Function or Shortcode
jQuery: Animated Scroll FollowjQuery: Animated Scroll Follow
WordPress: How To Disable A Network Enabled Plugin For Just One Site?WordPress: How To Disable A Network Enabled Plugin For Just One Site?
Related Posts WordPress: Remove Login Error MessagesWordPress: Remove Login Error MessagesHow to Change the URL/Link to Your Facebook PageHow to Change the URL/Link to Your Facebook PageWordPress: Show Admin Bar Only For AdminsWordPress: How To Disable A Network Enabled Plugin For Just One Site?WordPress: How To Disable A Network Enabled Plugin For Just One Site?
Free Graphics, Icons, Tutorials
Free Graphics Free Christmas Vector Icon Graphics Pack 2017Free Fitness Vector Icons Graphics PackFree Camping Vector Graphics PackFree Summer Graphics PackFree File Icon PackFree Fast Food Vector Graphics
Recent Posts How to dynamically display content based on geo IP location using only JavaScriptHow to dynamically display content based on geo IP location using only JavaScriptWordPress: How to create a distance/radius search using Google Maps API and WordPress custom fields querying post meta by latitude and longitudeWordPress: How to create a distance/radius search using Google Maps API and WordPress custom fields querying post meta by latitude and longitudeMarketing Your Business in 2019Marketing Your Business in 2019Making Your Website Secure With SSL (HTTPS)Making Your Website Secure With SSL (HTTPS)JavaScript: How to Add A Parameter to the Current URL Without RefreshingJavaScript: How to Add A Parameter to the Current URL Without RefreshingWordPress: How to Change Read More Text on Category Buttons in WooCommerceWordPress: How to Change Read More Text on Category Buttons in WooCommerce
Categories
Sharing is caring...
More...
Like & Follow
Share the love, share this page! Facebook Twitter Digg Reddit LinkedIn Pinterest Email
Close [X]
The Web Taylor
1000 Lakeside North Harbour Portsmouth, Hampshire PO6 3EN
02392 123358