Menu Close Menu

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.

"Be the first to express your thoughts"

Post a Comment

Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name. We love to hear from you! Leave us a comment.
To ensure proper display, HTML/XML/JavaScript need to be Encode first using this Encoder Tool Then paste the Encoded code here.