HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 在chrome中更改滚动条上的光标图像全部内容,希望文章能够帮你解决html – 在chrome中更改滚动条上的光标图像所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: