css 当曲目达到该方向的限制时,如何选择-webkit-scrollbar-按钮?

wfveoks0  于 2022-12-24  发布在  其他
关注(0)|答案(1)|浏览(156)

我想设置滚动条按钮的css,一旦滚动条滑块已经到达那个方向的末端。也就是说,我想选择:decrement按钮,当滚动条滑块不能再减少了。默认的滚动条是格雷的按钮,当他们与滑块接触。我以为:disabled选择器会做我想要的,但没有这样的运气。

tkclm6bt

tkclm6bt1#

::-webkit-scrollbar-track {
  background-color: #bbbbbb;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: #bbbbbb;
  display: block;
  border-style: solid;
  height: 13px;
  width: 16px;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #555555 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #777777 transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: #555555 transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: #777777 transparent transparent transparent;
}

相关问题