How To Change Scrollbar Color In Browser Using CSS Code - Blogger

Views:

Friends, Now i share a trick for blog users. This is a fantastic trick to change your browser scrollbar color, when we open our blog. We are using CSS code to make this colorful scrollbar. This is very simple to add to your template. You can change the value of color with color code or RGB value. Apply this trick to your blogger and enjoy… Keep in touch with master hacks….

Go to your blog dashboard.

Hit on Template option.

Find ]]></b:skin> tag.

Copy and paste below code before ]]></b:skin> tag.

/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 13px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#9b9999;
}
::-webkit-scrollbar-thumb {
background: rgba(29,122,231,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(117,186,101,0.4);

You can change scrollbar color. For that change highlighted RED color and rgba color values with your color value.

Save your Templates.

LIVE DEMO

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.Friends, Now i share a trick for blog users. This is a fantastic trick to change your browser scrollbar color, when we open our blog. We are using CSS code to make this colorful scrollbar. This is very simple to add to your template. You can change the value of color with color code or RGB value. Apply this trick to your blogger and enjoy… Keep in touch with master hacks….

Note: This trick works only in Mozilla Firefox, Google Chrome, IE9+ browsers

Leave a comment………………. below…….Thank you for your visit…..