全局修改滚动条样式

数字破浪客
• 阅读 4972
::-webkit-scrollbar {
  background-color: rgba(27,27,27,.4);
  border-radius: 10px;
  width: 3px; //y轴滚动条宽度
  height:3px; //x轴滚动条高度
}

::-webkit-scrollbar-thumb {
  border-radius: 10px; //滚动条的圆角
  background: rgba(27,27,27,.4); //滚动条的背景颜色
}

::-webkit-scrollbar-track {
  border-radius: 10px; //滚动条的背景区域的圆角
  background: #fff; //滚动条的背景颜色
}
点赞
收藏
评论区
推荐文章
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
梦
4年前
图片放大显示全屏
html代码<divid"outerdiv"style"position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);zindex:2;width:100%;height:100%;display:none;"<divid"innerdiv"style"position:abs
风花雪月 风花雪月
2年前
html加css样式,不用js实现切换内容,直接上测试代码!
/清样式,如果是项目中,不推荐使用通配符来清样式,建议使用标签清样式,通配符清样式会增加页面压力/margin:0;padding:0;/宽度为屏宽的一半,高度为屏高的一半,然后居中/.boxwidth:50vw;height:50vh;margin:0a
Stella981 Stella981
3年前
Python3 tkinter基础 Scrollbar pack 创建靠右、充满Y轴的垂直滚动条
       Python:3.7.0         OS:Ubuntu18.04.1LTS        IDE:PyCharm2018.2.4      Conda:4.5.11   typesetting:Markdown
Stella981 Stella981
3年前
HTML5+CSS+JQuery 实现简单的进度条功能
样式:<styletype"text/css".processcontainer2{width:450px;border:1pxsolid6C9C2C;height:25px;borderradius
Stella981 Stella981
3年前
CSS 层叠上下文(Stacking Context)
本文首发于政采云前端团队博客:CSS层叠上下文(StackingContext)https://www.zoo.team/article/cssstackingcontext在网页制作的过程中,元素与元素之间的位置关系,在坐标轴上一般可体现为X轴、Y轴和Z轴。对于X轴和Y轴的定位大多数开发都能比较直观的
Stella981 Stella981
3年前
Delphi XE2 之 FireMonkey 入门(39)
TScrollBox是不少控件(TMemo、TListBox、TStringGrid、TTreeView、TImageViewer等)的基础,所以先学.TVertScrollBox只比TScrollBox少了竖滚动条.TFramedScrollBox、TFramedVertScrollBox只是套用了不同的样式,
Wesley13 Wesley13
3年前
Unity脚本
1,Transform旋转 transform.Rotate(X,Y,Z);//分别绕X,Y,Z轴旋转,可写为绕某个轴旋转,栗子transform.Rotate(0,90,0); transform.Rotate(Vector3.right\Time.deltaTime);//以欧拉角旋转,顺序是ZXY,right是向X轴
Stella981 Stella981
3年前
Python中tkinter中控件的使用(11,text文本框)
importtkinterwintkinter.Tk()win.title("text文本框")win.geometry("300x50600100")如果有窗体属性时滚动条只会显示上下,而不会有拖拉条'''文本控件,用于显示多行文本width行大小height垂直显示行数'''创建滚动条scrolltkinter.
Wesley13 Wesley13
3年前
MFC 控件编程之水平滚动条跟垂直滚动条
        MFC控件编程之水平滚动条跟垂直滚动条一点水平滚动条的操作  首先在操作滚动条的时候.我们要知道滚动条的一些属性.比如我们要设置最大值最小值.以及每次递增的值是多少.都要设置.所有就有一个结构.专门存储了滚动条信息.而我们在对话框一启动就要
达里尔 达里尔
1年前
滚动条样式美化
滚动条样式优化