css3改变滚动条样式-webkit-
2016-07-07 17:48
281 查看
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
background-color:rgba(0,0,0,0.3);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
body::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.3);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
选择器+双冒号伪标签。
width: 6px;
}
body::-webkit-scrollbar-track {
background-color:rgba(0,0,0,0.3);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
body::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.3);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
选择器+双冒号伪标签。
相关文章推荐
- 详解CSS的相对定位和绝对定位
- 基于clip-path的任意元素的碎片拼接动效
- QT学习1 QSlider 更改样式
- CSS3中的rem单位
- PNG格式小图标的CSS任意颜色赋色技术
- CSS背景图片路径设置
- Progress水平进度条的自定义样式
- CSS命名BEM规范
- CSS3条件判断——@supports
- CSS3 @font-face 规则
- CSS自动换行,强迫不换行
- WOW.js+animate.css让页面滚动时显示动画,使页面更有趣
- CSS中的em单位
- css3 text-shadow 为网页字体添加阴影
- css水平居中方法
- CSS3之利用选择器和content属性在页面中插入内容
- phpStudy6——php导出可以设置样式的excel表格
- CSS基础教程——纯CSS开发的气泡式提示框
- CSS基础教程——纯CSS开发的气泡式提示框
- css布局之负margin妙用及其他实现