自定义滚动条
来源:互联网 发布:tp link软件升级 编辑:程序博客网 时间:2024/06/18 10:01
今天写了一个自定义的滚动条(纯css3)
/*自定义滚动条样式*/
pre::-webkit-scrollbar
{
width: 10px; //纵向滚块的宽
height: 10px; //横向滚块的高
border-radius: 10px;
background-color: #F1F1F1;
}
/*定义滚动条轨道 内阴影+圆角*/
pre::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
border-radius: 10px;
background-color: #F1F1F1;
}
/*定义滑块 内阴影+圆角*/
pre::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #C1C1C1;
}
阅读全文
0 0
- 自定义BODY滚动条
- 自定义滚动条
- 自定义datagridview滚动条
- 自定义滚动条
- JPanel自定义滚动条
- 自定义网页滚动条
- 自定义滚动条
- 自定义滚动条插件
- 自定义滚动条
- 自定义滚动条
- css3 自定义滚动条
- 滚动条的自定义
- 拖拽+自定义滚动条
- 自定义滚动条样式
- 自定义滚动条
- 自定义View 滚动条
- 自定义滚动条
- 自定义滚动条样式
- JTextArea和JScrollPane
- HTML 表单元素(下)
- JavaScript实现回文算法
- PHP根据数组某个值大小进行排序
- 自然语言--Trie树详解及其应用
- 自定义滚动条
- cv::imread()读入bmp图片出错
- Pell数列
- Android的init过程详解(二)初始化语言(init.rc)解析
- android jni 编译 mk属性详解
- C++ 中常量、指针的几种关系
- sklearn score
- Cppcheck新手上路
- Android Studio NDK环境配置与JNI简单的例子