我需要在Chrome中更改滚动条的自定义光标.我有灯箱,它设置了自定义光标与大X和关闭文本.问题是在chrome中,光标定义也会被滚动条继承,这看起来有点滑稽.
看小提琴:
<div class="below"> <div class="full"> <div class="scrollable">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; }
有没有办法如何只触发滚动条并将外观更改回默认光标?
解决方法
您可以使用chrome的滚动条的供应商选择器来设置样式.但是,我不认为它会允许您更改光标.您可以尝试这样看看它是否有效:
::-webkit-scrollbar { cursor:pointer; }
UPDATE
在仔细研究这个问题之后,Chrome显然存在一个错误,并且滚动条上的光标会更新.这是the ticket,它仍然是开放的.您仍然可以更改样式,但自定义似乎有点受限.