在悬停CSS上更改滚动条颜色

Question

我正在尝试在我的应用程序中悬停时更改滚动条颜色，出于某种原因，当我将鼠标悬停在它上面时，它会变为红色。这是我的代码：

    .scroller {
position: absolute;
top: 120px;
bottom: 0;
left: 0;
right: 0;
padding: 0;
margin-bottom: 10px;
overflow: auto;

}

    .scrooler:hover{  
      color: blue;
    }

使用此代码，只要我将鼠标悬停在桌面上，所有文本都会变为蓝色。我很难只获得滚动条，因为我认为它直接位于表格中。有没有办法只定位滚动条？

Answer 1

试试这个：

.scroller::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #000;
}

Answer 2

滚动条是表格的一部分，颜色将是文本颜色（一如既往），但在CSS中，滚动条有一个特殊的属性：

scrollbar-base-color:YOURCOLOR;

将其放入现有的课程