如何自定义浏览器滚动条样式

时间：2016.05.30 发布人：luuky33731
如何自定义浏览器滚动条样式

已解决问题

谷歌luuky33731用户在2016.05.30提交了关于“张朝阳如何自定义浏览器滚动条样式”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-12-11T04:22:48。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你是我的宝贝,你是我的花,谢谢你对我的帮助！

希望以下的回答，能够帮助你。

第1个回答

用户名：hcpcuyhh  

body{

scrollbar-base-color:#C0C0C0;

scrollbar-base-color:#C0C0C0;

scrollbar-3dligh问答t-color:#C0C0C0;

scrollbar-**light-color:#C他英间0C0C0;

scrollbar-track-color:#EBEBEB;

scro去至肉年货海llbar-arrow小远陈语组树官适际谓-color:black;

scrollbar-shadow-color:#C0C0C送得联解四使味供古伟尼0;

scrollbar-dark-shadow-color:#C0C0C0;

}

分别对应滚动条位置

测试：

.wrapper2{

width:400px;

overflow-x:scroll;

overflow-y:hidden;

scrollbar-base-color:#1C86E黄真法末E;

scrollbar-base-color:#1C86EE;

scro初屋据始llbar-3dlight-color:#1C86EE;

scrollbar-**light-color:#1C86EE;

scrollbar-track-color:#EBEBEB;

scrollbar-arrow-color:black;

scrollbar-shadow-color:#1C86EE;

scrollbar-dark-shadow-co府哥lor:#1C86EE;

}


<divclass="wrapper2">

<d这滑屋ivclass="div2">

<tablewidth="100%"border="0"cellspacing="0"cellpadding="0">

<tbody>

<tr>

<t欢按兰肉几d>tablece班影探始ll</td>

</tr>

</tbody>

</table>

</div>

</div>


效果：