我有一些溢出的水平内容,并且希望始终显示滚动条以支持Windows设备,但是我不想在其他任何地方使用滚动条。 `
::-webkit-scrollbar {
display: none;
}
.polls-row::-webkit-scrollbar {
height: 1rem;
}
.polls-row::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.polls-row::-webkit-scrollbar-thumb {
background-color: $color-border;
border-radius: $radius;
outline: 1px solid slategrey;
}
我有这个CSS / sass,我认为它应该起作用,因为该类具有更高的特异性,但是我仍然在.polls-row上没有滚动条
我该怎么做?
使用以下CSS更新您的代码
::-webkit-scrollbar {
overflow:hidden;
}
Right Way -> ::-webkit-scrollbar{ overflow:hidden; }
Wrong Way -> ::-webkit-scrollbar{ display:none; }