CSS滚动条样式修改
2017-10-19 10:18
323 查看
*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 16px;
height: 16px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
::-webkit-scrollbar
{
width: 16px;
height: 16px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
相关文章推荐
- css修改浏览器默认的滚动条样式
- css 修改滚动条样式
- css修改滚动条默认样式
- 用css 修改 谷歌浏览器自带的 滚动条样式
- 修改页面滚动条样式CSS代码!(待修改兼容性)
- 纯CSS修改浏览器的默认滚动条样式
- [分享] 通过修改CSS自定义chrome滚动条样式
- [分享] 通过修改CSS自定义chrome滚动条样式
- css关于内置滚动条的样式修改
- 通过修改CSS自定义chrome滚动条样式
- 通过修改CSS自定义chrome滚动条样式
- 滚动条 默认样式修改 (css)
- css滚动条修改样式
- css修改样式
- DIV+CSS定义滚动条样式,实现内嵌效果
- 滚动条样式修改
- CSS修改前端的一些样式等,持续更新...
- 修改css文件后,jsp页面在IE8中预览部分样式突然失效的原因
- 如何使用jquery修改css中带有!important的样式属性
- 【前端】webkit内核浏览器DIV滚动条样式修改和设置