Chrome自定义滚动条样式不生效
来源：2-4 Photoshop还原UI设计
慕妹1272706
2021-10-31
/* 设置滚动条的样式 /
.g-ant-sider__main ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/ 滚动槽 /
.g-ant-sider__main::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
border-radius: 8px;
}
/ 滚动条滑块 */
.g-ant-sider__main::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #bbb;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
}
按这样添加样式，滚动条样式为原本的样式，请问是什么原因？？，但去掉.g-ant-sider__main后样式生效
写回答
1回答
-
西门老舅
2021-10-31
你好，从你发的代码看，首先注释写法是有问题的， 先把注释去掉哦。
第二点是：.g-ant-sider__main ::-webkit-scrollba 中间多了一个空格，有没有空格区别是很大的
10
相似问题