html – 在chrome中更改滚动条上的光标图像

概述我需要在Chrome中更改滚动条的自定义光标.我有灯箱,它设置了自定义光标与大X和关闭文本.问题是在chrome中,光标定义也会被滚动条继承,这看起来有点滑稽. 看小提琴： <div class="below"> <div class="full"> <div class="scrollable">long text</div> </div></div> CSS 我需要在Chrome中更改滚动条的自定义光标.我有灯箱,它设置了自定义光标与大X和关闭文本.问题是在Chrome中,光标定义也会被滚动条继承,这看起来有点滑稽.

看小提琴：

<div >    <div >         <div >long text</div>    </div></div>

CSS：

.full{    position:fixed;    background:red;    height:100%;    wIDth:80%;    overflow-y:scroll;    cursor: url('cursor.cur'),not-allowed;}.scrollable{    padding:1em;    background:white;    position:relative;    display:block;    wIDth:80%;    margin:50px auto;}

http://jsfiddle.net/3fY9r/1/

有没有办法如何只触发滚动条并将外观更改回默认光标？

解决方法 您可以使用Chrome的滚动条的供应商选择器来设置样式.但是,我不认为它会允许您更改光标.您可以尝试这样看看它是否有效：

::-webkit-scrollbar {    cursor:pointer;}

UPDATE

在仔细研究这个问题之后,Chrome显然存在一个错误,并且滚动条上的光标会更新.这是the ticket,它仍然是开放的.您仍然可以更改样式,但自定义似乎有点受限.

总结

以上是内存溢出为你收集整理的html – 在chrome中更改滚动条上的光标图像全部内容，希望文章能够帮你解决html – 在chrome中更改滚动条上的光标图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。