How To Change Colors of Selected/Highlighted Texts

ca4c8eb70bd86a7fcd10dac8bbcd3595delicious

This tutorial will explains to you how to change colors of your selected/highlighted texts and selected text's backgrounds.This is very easy to do,But have a one problem,this method is not working in Internet explorer.But I think this will helpful to you add some attraction to your website.Follow the steps given below to do this.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

<style type="text/css">
::selection {background:#cc0000;color:#ffffff;}
::-moz-selection{background:#cc0000;color:#ffffff;}
code::selection {background: #333333;color:#ffffff;}
code::-moz-selection {background: #333333;color:#ffffff;}
pre::selection {background: #44ceff;color:#ffffff;}
pre::-moz-selection {background: #44ceff;color:#ffffff;}
</style>

Note : You can change colors as you like.

4.Now save your template.You are done.

Look at the picture given below.

File Under : html

2 Responses to “How To Change Colors of Selected/Highlighted Texts”

  1. mopheat says:

    Unfortunately only be run on internet explorer, btw thank's for your information...

  2. Richard says:

    @mopheat
    not true, works in webkit browsers, also in firefox. you need to use prefix -moz.

Leave a Reply