On-the-scrollbar CSS instance---scroll bar color settings
<body style= "Scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon" >*********************< Style>{scrollbar-face-color: #3399cc; Scrollbar-highlight-color:white; Scrollbar-shadow-color:white; Scrollbar-arrow-color: #ffffff; Scrollbar-base-color: #dff0c0}</style>
Among them Scrollbar-face-color, Scrollbar-highlight-color, Scrollbar-shadow-color, Scrollbar-arrow-color, Scrollbar-base-color, Scrollbar-darkshadow-color are used to specify the color of different parts of the scroll bar (meaning that they represent what part of the scrollbar, respectively).
Just add these lines of code between the page's HTML code!!!
:)
**********************************************
The scroll bar is the vertical (horizontal) bar to the right (bottom) of the page. The color of the scroll bar can be changed by writing a CSS style sheet.
This page uses a green scroll bar.
CSS style sheet for scroll bars:
<style>body { scrollbar-face-color: #008000; Scrollbar-highlight-color: #0B0E2F; Scrollbar-3dlight-color: #0B0E2F; Scrollbar-darkshadow-color: #0B0E2F; Scrollbar-shadow-color: #003366; Scrollbar-arrow-color: #003366; Scrollbar-track-color: #FFFFFF;} </style>
The role of CSS stylesheets is to control the site's font style, color style, mouse style
Is the beginning of <style>, </style> the end of the form.
Where the green code
Scrollbar-face-color: #008000;--the color of the scroll bar
Scrollbar-highlight-color: #0B0E2F;--the color of the scroll bar highlights
Scrollbar-3dlight-color: #0B0E2F;--the color of the scroll bar 3D
Scrollbar-darkshadow-color: #0B0E2F;--the color of the scroll bar dark shadow
Scrollbar-shadow-color: #003366;--the color of the scroll bar shadow
Scrollbar-arrow-color: #003366;--the color of the scroll bar arrows
Scrollbar-track-color: #FFFFFF;} --The color of the scroll bar background
????
????
"#008000" is the color of the three primary colors code, you can freely color, replaced by different colors.
*******************************************************************
<STYLE> BODY { scrollbar-face-color: #fc0000; Scrollbar-highlight-color: #fc0000; Scrollbar-shadow-color: #fc0000; Scrollbar-3dlight-color: #fc0000; Scrollbar-arrow-color: #fcfc00; Scrollbar-track-color: #fc4800; Scrollbar-darkshadow-color: #fc0000; Scrollbar-base-color: #fc0000 } </STYLE>
*******************************************************************
Body {font-size:9pt;color: #000099; Cursor:url (meng.cur); Overflow-x: auto; Overflow:scroll; Scrollbar-face-color: #817af3; Scrollbar-highlight-color: #817af3; Scrollbar-shadow-color: #000000; Scrollbar-3dlight-color: #817af3; Scrollbar-arrow-color: #e8f7e6; Scrollbar-track-color:817af3scrollbar-darkshadow-color: #e8f7e6;}
332 Split-screen scroll bar color settings
Delete the other scroll bar code, just add the following code. Each corresponding color has been explained.
SetTimeout (function Setscrollbar () {//color=array (face color, upper left bevel, lower right bevel, upper left edge, Arrow, Bottom slab color, bottom right edge) Color=array ("#EDE6DA", "#EDE6DA", "#EDE6DA", "#EDE6DA", "#84674A", "#EDE6DA", "#EDE6DA"); Box=array ("U", "U1", "D", "R") for (Var i=0;i<box.length;i++) {eval ("parent.") +box[i]+ ". document.body.style.scrollbarfacecolor=color[0]"); Eval ("Parent." +box[i]+ ". document.body.style.scrollbarhighlightcolor=color[1]"); Eval ("Parent." +box[i]+ ". document.body.style.scrollbarshadowcolor=color[2]"); Eval ("Parent." +box[i]+ ". document.body.style.scrollbar3dlightcolor=color[3]"); Eval ("Parent." +box[i]+ ". document.body.style.scrollbararrowcolor=color[4]"); Eval ("Parent." +box[i]+ ". document.body.style.scrollbartrackcolor=color[5]"); Eval ("Parent." +box[i]+ ". document.body.style.scrollbardarkshadowcolor=color[6]"); };settimeout ("Setscrollbar ()", 300); },300);