如何自定義瀏覽器滾動條樣式(IE)

body{

scrollbar-base-color: #C0C0C0;

scrollbar-base-color: #C0C0C0;

scrollbar-3dlight-color: #C0C0C0;

scrollbar-highlight-color: #C0C0C0;

scrollbar-track-color: #EBEBEB;

scrollbar-arrow-color: black;

scrollbar-shadow-color: #C0C0C0;

scrollbar-dark-shadow-color: #C0C0C0;

}

分別對應滾動條位置

測試:

.wrapper2 {

width: 400px;

overflow-x: scroll;

overflow-y: hidden;

scrollbar-base-color: #1C86EE;

scrollbar-base-color: #1C86EE;

scrollbar-3dlight-color: #1C86EE;

scrollbar-highlight-color: #1C86EE;

scrollbar-track-color: #EBEBEB;

scrollbar-arrow-color: black;

scrollbar-shadow-color: #1C86EE;

scrollbar-dark-shadow-color: #1C86EE;

}

<div class="wrapper2">

<div class="div2">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>table cell</td>

...

</tr>

</tbody>

</table>

</div>

</div>

效果:

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場