Question

我的div溢出：自动

.div {
  overflow: auto;
}

并且当我尝试设置滚动条的样式时，它不起作用：

.div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.div::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555;
}

我尝试使用类，id甚至是标签进行定位，但没有任何效果。

当我不以::-webkit-scrollbar样式之前的内容为目标时，浏览器滚动条将获取样式，但我想为div滚动条设置样式

Answer 1

我认为您应该使用javascript插件之一来显示自定义滚动条。并非所有浏览器都支持您在问题中写的内容。

custom scrollbars examples

:: webkit-scrollbar样式不适用于DOM元素

1 个答案: