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

前端之家收集整理的这篇文章主要介绍了html – 在chrome中更改滚动条上的光标图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在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;
}

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

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

解决方法

您可以使用chrome的滚动条的供应商选择器来设置样式.但是,我不认为它会允许您更改光标.您可以尝试这样看看它是否有效:
::-webkit-scrollbar {
    cursor:pointer;
}

UPDATE

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

猜你在找的HTML相关文章