Question

我在学校网站上学到了很多CSS属性。但我想知道如何在滚动条悬停时更改滚动条的颜色。例如：

html {
    scrollbar-arrow-color: white;
    scrollbar-face-color: green;
    scrollbar-face-hover-color: darkGreen;
    scrollbar-shadow-color: black;
    scrollbar-track-color: black;
}

也许也可以改变箭头按钮的背景。

Answer 1

你可以这样做。

::-webkit-scrollbar-face{ background: black;} ::-webkit-scrollbar-face:hover {background: darkGreen;}

当悬停时，这会以不同的颜色为脸部着色。

Answer 2

您可以使用以下属性更改滚动条的外观：

dbSendQuery

以下代码会将滚动条的背景颜色更改为红色，悬停时会将其变为蓝色

items <- ls()[grep("mydb",ls())]
query <- dbSendQuery(items[1], "SELECT * FROM table")

为了更好地理解这个主题，我建议您查看此页面：

https://css-tricks.com/almanac/properties/s/scrollbar/

如何在悬停时使用CSS更改滚动条颜色

2 个答案: