html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？

现在许多项目中使用滚动条，在某些情况下，使用模拟滚动条. 许多大型邮箱都是使用CSS样式设置的div滚动条宽度，那么CSS如何设置滚动条的宽度？

您可以在CSS中使用::-webkit-scrollbar伪类选择器来设置滚动条样式. 在此伪类选择器中，可以通过width属性设置滚动条的宽度.

您可以使用以下伪元素选择器来修改各种Webkit浏览器的滚动条样式:

/*滚动条样式*/

.cal_bottom::-webkit-scrollbar {/*滚动条整体样式*/

width:4px;/*高宽分别对应横竖滚动条的尺寸*/

height:4px;

}

.cal_bottom::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

border-radius:5px;

-webkit-box-shadow: inset005pxrgba(0,0,0,0.2);

background:rgba(0,0,0,0.2);

}

.cal_bottom::-webkit-scrollbar-track {/*滚动条里面轨道*/

-webkit-box-shadow: inset005pxrgba(0,0,0,0.2);

border-radius:0;

background:rgba(0,0,0,0.1);

}

html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？相关推荐

如何在 CSS 中设置组件在浏览器屏幕水平垂直居中
如何在 CSS 中设置组件在浏览器屏幕水平垂直居中在 CSS 中设置组件在浏览器屏幕水平垂直居中可分解为两个问题,一是设置组件在其父组件的水平垂直居中,二是让其父组件铺满整个屏幕. 对于让最 ...
html图片定位代码怎么写,如何在css中设置插入图片定位
在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位首先设置固定图片的css属性是 ...
html怎么设置字体于字体的间隔,如何在css中设置字体间隔
如何在css中设置字体间隔发布时间:2021-05-15 15:39:05 来源:亿速云阅读:81 作者:Leah 如何在css中设置字体间隔?针对这个问题,这篇文章详细介绍了相对应的分析和解答, ...
html img图片不平铺,如何在css中设置图片不平铺
如何在css中设置图片不平铺发布时间:2021-04-29 15:39:28 来源:亿速云阅读:80 作者:Leah 这篇文章将为大家详细讲解有关如何在css中设置图片不平铺,文章内容质量较高,因 ...
css可以设置文本框颜色吗,如何在css中设置文本框颜色
如何在css中设置文本框颜色发布时间:2021-04-29 15:33:54 来源:亿速云阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...
css 2倍行距,如何在css中设置行间距
如何在css中设置行间距发布时间:2021-04-29 15:36:12 来源:亿速云阅读:63 作者:Leah 如何在css中设置行间距?相信很多没有经验的人对此束手无策,为此本文总结了问题出现 ...
html怎么写入图片位置,如何在css中设置插入图片定位
在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位首先设置固定图片的css属性是 ...
html怎么设置凹陷效果,如何在css中实现圆角内凹效果
如何在css中实现圆角内凹效果发布时间:2020-07-22 09:22:57 来源:亿速云阅读:122 作者:Leah 这期内容当中小编将会给大家带来有关如何在css中实现圆角内凹效果,文章内容 ...
css链接样式_如何在CSS中设置链接样式
css链接样式样式链接 (Styling Links) Links can be styled with any CSS property, such as color, font-family, ...

html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？

html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？相关推荐

最新文章

热门文章

html设置最小宽度 滚动条,如何在CSS中设置滚动条的宽度？

html设置最小宽度 滚动条,如何在CSS中设置滚动条的宽度？相关推荐

最新文章

热门文章

html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？

html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？相关推荐