如何修改有数平台滚动条的粗细
更新时间: 2024-12-19 16:30:05
阅读 358
如何修改有数平台滚动条的粗细?
有数可以通过后台管理上传CSS文件的方式将滚动条进行加粗,让用户使用起来更加方便。
第一步:我们在桌面上创建一个以.css为结尾的文本文件,在文本文件里面输入以下代码:统一补充颜色也可以自己设置列如:#7e57c2
全局
"/*修改滚动条大小*/"
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
"/*修改滚动条颜色*/"
::-webkit-scrollbar-thumb {
background: red;
}
"/*修改鼠标移到滚动条上的悬浮颜色*/"
::-webkit-scrollbar-thumb:hover {
background: green;
}
图表
.m-canvas .m-graphic {
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-thumb {
background: green;
}
::-webkit-scrollbar-thumb:hover {
background: blue;
}
}
大小根据自身场景定
然后将这个文件上传到后台管理里面,通过admin账号进入后台管理:
将刚刚创建的CSS文件上传上去,提示上传成功之后,点击确定,保存成功刷新以下页面就可以了。
一定要等到提示上传成功、设置成功。才能生效,因为有时候应用会比较慢。并且这个是全局设置,只要有滚动条的地方都会加粗文档反馈
以上内容对您是否有帮助?