domdomrung

How to change Selected text background on blogger

toolbox-css-csstricks If you are a website or blogger user you now about copy and pasting codes for your website or blog. Regular internet users know about, when he select the code or text for copying the default highlighted text color is white and background is blue. Today in this post we going to learn how to change highlighted text background color. You can do it by adding a small snippet of CSS. you can see screenshot below for live preview or check out by selecting our blog text.

Before:

Before

After Adding CSS

After

Add it to blogger

1. Go to blogger Dashboard >> Template>> Proceed>> and find following code by pressing CTRL+F.

]]></b:skin>


2. and paste following code Before/above ]]></b:skin>.



::selection {
color: white;
background-color: #444;

}

::-moz-selection {
color: white;
background-color: #444;

}


3. Finally click on save your done!!!.



Note:- If you want change the highlighted text background color just change the color “#444”. For generating color codes check out the our color code generator tool.



I know it's a little change in the  look of your blog but when set to with your color compatibility  of your site it is a unique Change. Keep up to date with new features and opportunities by subscribing to this blog via email Notification, adding our Google+ page to your circles or like us our page on facebook. Thanks for reading our posts.