Code used to control the color of a browser scroll bar in the CSS style of a scroll bar

When you create a website, you want to modify the color of the scroll bar on the right of the browser to beautify the website interface.CodeIt cannot be implemented. We need to use CSS to control the style of the scroll bar.

If you want to modify the color of the browser scroll bar, We can insert the following code into the CSS so that the scroll bar will change color.

The Code is as follows: (put it in the body. If not, put it in the HTML Tag .)

Scrollbar-face-color: # dddddd;/* color of the protruding part of the browser's right scroll bar */
Scrollbar-Highlight-color: # ffffff;/* color of the blank area of the browser's right scroll bar */

Scrollbar-shadow-color: # ffffff;/* color of the shadow of the three-dimensional scroll bar on the right of the browser */

Scrollbar-3dlight-color: # eeeeee;/* color of the bright side of the browser's right scroll bar */

Scrollbar-arrow-color: # eeeeee;/* color of the upper and lower arrow of the browser's scroll bar */

Scrollbar-track-color: # f7f7f7;/* background color of the scroll bar on the right of the browser */

Scrollbar-darkshadow-color: # eeeeee;/* color of the strong shadow of the scroll bar */

For example:

Body {xxx; XXX;} or HTML {xxx; XXX ;}

Common effects:

Scrollbar-Highlight-color: #008000;
Scrollbar-shadow-color: #008000;
Scrollbar-3dlight-color: #000000;
Scrollbar-arrow-color: #000000;
Scrollbar-track-color: #000000;
Scrollbar-darkshadow-color: #000000;
Scrollbar-face-color: #000000;

-----------

 

 

Illustration:

Insert the code into CSS, and then you will see that the color of the browser scroll bar where your website is located has changed. Is it very beautiful?