我正在使用 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)
当我悬停/单击滚动条时,光标只是变回默认浏览器光标。如何自定义滚动条的光标???
我已经设计了一个滚动条,但光标指针不起作用,即使我把!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。以下是您可以在其中找到滚动条和光标指针的一些链接: