html滚动字幕怎么设置大小,css怎么设置滚动条宽度？

现在很多项目中都用到了滚动条，而且在有的时候，用到的是模拟滚动条，很多大型邮箱都是利用css样式来设置的，那么CSS如何设置滚动条宽度呢？

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

你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:::-webkit-scrollbar — 整个滚动条.

::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).

::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.

::-webkit-scrollbar-track — 滚动条轨道.

::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.

::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.

::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮)./*滚动条样式*/

.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怎么设置滚动条宽度？相关推荐

HTML 如何让图片自动改变大小,CSS如何设置图片的大小
原标题:CSS如何设置图片的大小图片是的基本构成元素,通过img元素的属性值可以调整图片在浏览器中的显示效果,如图片的边框.大小以及为图片设置透明效果等各种样式. 通过img元素的属性值可以调整图片 ...
css中首字大小,css如何设置字体大小
字体大小通过下面这段代码设置: font-size : 1em; font-size 翻译为中文是"字体尺寸",它的单位一般是px(像素)或em(字体高度). 中国的许多网站的默认 ...
html给主题设置背景色,css如何设置元素的背景色？
css如何设置元素的背景色?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以使用background-color属性来设置元素的背景色 ...
php中调用css设置表格,CSS表格设置实例
4.CSS表格设置 /*第一步:给整个表格以及内部的所有单元格加上边框*/ table,th,td { border: 1px solid #333; } /*第二步:将整个表格以及内部单元格的边框全 ...
css：css样式背景图片设置透明度,css如何设置背景图片的透明度
1. 了解css如何设置背景图片的透明度注意: css中无法直接给背景图片加 opacity 属性,可以使用下面的方法来给background-image加上我们想要的透明度opacity. 2. ...
html标签设置正方形,css 如何设置带有正方形项目的列表
css设置带有正方形项目的列表的方法:首先创建一个HTML示例文件:然后使用ul无序列表标签,并指定"list-style-type"为"square"即可设置 ...
php 给字符中间添加间距,html中的字符间距怎么设置？css样式设置文本对齐方式总结...
我们经常用的html字符间距总是不好设置,html的文本对齐方式也不会设置,现在这篇文章就来帮助大家了,这里有关于html 字符间距的调整,还有文本的对齐方式设置,现在让我们来看看这篇文章吧首先我们 ...
html字体阴影怎么设置6,css怎么设置字体阴影,
css怎么设置字体阴影CSS怎么设置字体阴影,css设置字体阴影的方法:[text-shadow :3 px3px # 00f:]Text-shadow属性应用于阴影文本,语法为[Text-shado ...
css滚动条怎么设置隐藏,css怎么隐藏滚动条样式？
css怎么隐藏滚动条样式? 用到的属性有overflow: hidden,下面,我们用一个案例来说明实现的方法及步骤. 1.新建一个html文件,在head中写入内部CSS代码: 2.然后再body中 ...

html滚动字幕怎么设置大小,css怎么设置滚动条宽度？

html滚动字幕怎么设置大小,css怎么设置滚动条宽度？相关推荐

最新文章

热门文章