/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 5px;
height: 16px;
background-color: #FAFAFA;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
//-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #EAEAEA;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
background-color: #E3E3E3;
}
转载于他处：哪忘了
CSS设置滚动条样式 一：webkit下面的CSS设置滚动条 ::-webkit-scrollbar 滚动条整体部...
css 设置overflow:scroll 滚动条的样式
对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...
标签（空格分隔）： css 浏览器自带滚动条总是不能够完全适应项目的样式，修改滚动条样式
css3 新增的滚动条样式，美化浏览器自带的滚动条 滚动条组成 ::-webkit-scrollbar 滚动条整体...
浏览器滚动条 滚动条的默认样式 css对应着上图的滚动条的图实 ::-webkit-scrollbar 滚动条...
CSS3或CSS+JS实现改变滚动条样式(兼容所有浏览器) /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸...
滚动条设置 chrome css 样式设置 ie 浏览器样式 火狐浏览器目前没有找到兼容的样式
前端技巧总结 CSS篇 去掉type=number的箭头 绝对居中 css媒体查询 iOS去除点击阴影 css滚动条样式
代码如下 /**scroll**/ /*css主要部分的样式*/ /*定义滚动条宽高及背景，宽高分别对应横竖滚动条...
本文标题：CSS滚动条样式
本文链接：https://www.haomeiwen.com/subject/xvzevxtx.html
网友评论