vue 框架谷歌浏览器滚动条样式

// 谷歌浏览器滚动条

只需要在vue-element-admin-master\src\styles\index文件中写入下面代码即可
::-webkit-scrollbar {
width: 8px;
height: 8px;
background: transparent;
}

::-webkit-scrollbar-thumb { // 滑块部分
background: transparent;
border-radius: 4px;
}

:hover::-webkit-scrollbar-thumb { // 轨道部分
background: hsla(0, 0%, 53%, 0.3);
}

:hover::-webkit-scrollbar-track {
background: hsla(0, 0%, 53%, 0.1);
}

// 表格右侧滚动条区域宽度
.custom-theme .el-table td.gutter {
width: 0
}

 

vue 框架谷歌浏览器滚动条样式

 

上一篇:全面系统学测试 从小白入门到实战就业


下一篇:swiper移动端全屏播放动态获取数据