相关疑难解决方法(0)

如何在 css 中自定义滚动条悬停的光标?

我正在使用 tumblr。我使用以下代码更改主体的光标并将鼠标悬停在链接上

body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto}
a:hover { cursor:url("http://i.imgur.com/IepP2.jpg"), auto}
Run Code Online (Sandbox Code Playgroud)

但这似乎不会影响我添加到其中一个容器中的滚动条,即:

overflow-y: auto;
overflow-x: hidden;
Run Code Online (Sandbox Code Playgroud)

当我悬停/单击滚动条时,光标只是变回默认浏览器光标。如何自定义滚动条的光标???

css scrollbar cursor

6
推荐指数
1
解决办法
4774
查看次数

为什么 CSS 光标属性不适用于样式滚动条?

我已经设计了一个滚动条,但光标指针不起作用,即使我把!important.

::-webkit-scrollbar {
  width: 0.3vw;
  height: 20px;
  padding: 2px;
  cursor: pointer !important;
}


/* Handle */

::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 70px;
  padding: 2px;
  cursor: pointer !important;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background-color: #424242;
  cursor: pointer !important;
}

::-webkit-scrollbar-track {
  background-color: transparent;
  cursor: pointer !important;
}

body {
  height: 90000px;
}
Run Code Online (Sandbox Code Playgroud)

我试过了。我不认为它起作用。你能不能帮我弄cursor: pointer::-WebKit-scrollbar。以下是您可以在其中找到滚动条和光标指针的一些链接:

1

2

3

4

5

6

7

html css

6
推荐指数
1
解决办法
643
查看次数

标签 统计

css ×2

cursor ×1

html ×1

scrollbar ×1