{"id":3641,"date":"2010-01-25T08:22:07","date_gmt":"2010-01-25T08:22:07","guid":{"rendered":"http:\/\/aceinfowayindia.com\/blog\/?p=3641"},"modified":"2018-06-15T04:02:32","modified_gmt":"2018-06-15T04:02:32","slug":"how-to-change-the-color-of-selected-text-css-tutorial","status":"publish","type":"post","link":"http:\/\/aceinfowayindia.com\/blog\/2010\/01\/how-to-change-the-color-of-selected-text-css-tutorial\/","title":{"rendered":"How to Change the Color of Selected Text &#8211; CSS Tutorial"},"content":{"rendered":"<p>In this article we will find How to Change the Color of Selected Text.This is very simple and basic tips for the web designers and developers. Whenever a person select a text , its color changes to defined color. For example, on my blog theme ,if you select some text you will notice sky blue color in place of default color. Simply add these few lines in your css documents.<\/p>\n<p><!--more--><br \/>\n[ad#co-1]<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/01\/selected-color-heading.jpg\" alt=\"selected-color-heading\" title=\"selected-color-heading\" width=\"498\" height=\"256\" class=\"alignnone size-full wp-image-3644\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/01\/selected-color-heading.jpg 498w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/01\/selected-color-heading-300x154.jpg 300w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/p>\n<pre>\r\n[code lang=\"css\"]\r\n::-moz-selection{\r\nbackground:#C1EEFB ;color:#000\r\n}\r\n::selection{\r\nbackground:#C1EEFB; color:#000\r\n}\r\n[\/code]\r\n<\/pre>\n<p>This property is not supported by IE. <a href='http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2010\/01\/how-to-change-the-color-of-selected-text-css-tutorial.html'>View Demo<\/a><\/p>\n<p>let us know your thoughts? If you found any other tutorials that you want to share with us,feel free to let us know by dropping in a comment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article we will find How to Change the Color of Selected Text.This is very simple and basic tips for the web designers and developers. Whenever a person select a text , its color changes to defined color. For &hellip; <a href=\"http:\/\/aceinfowayindia.com\/blog\/2010\/01\/how-to-change-the-color-of-selected-text-css-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,56],"tags":[52,23],"class_list":["post-3641","post","type-post","status-publish","format-standard","hentry","category-css","category-tutorials","tag-css","tag-tutorials"],"_links":{"self":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/3641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/comments?post=3641"}],"version-history":[{"count":14,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/3641\/revisions"}],"predecessor-version":[{"id":3657,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/3641\/revisions\/3657"}],"wp:attachment":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/media?parent=3641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/categories?post=3641"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/tags?post=3641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}