微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css反选怎么设置

在开发网页的过程中,我们可能会遇到一种情况,就是在苹果设备上鼠标移动到链接上时出现的蓝色光标样式。这种样式对网页的美观度有很大影响,因此需要对它进行调整。

css去掉苹果光标样式

这个样式是由苹果浏览器中的CSS样式所控制的。我们可以通过下面的代码将其去掉:

    a {
        -webkit-tap-highlight-color: rgba(0,0);
        -webkit-user-select:none;
        -moz-user-select:none;
        -webkit-user-drag:none;
    }

代码中的"-webkit-tap-highlight-color"可以将链接认背景色设置为透明,"-webkit-user-select:none"可以禁用用户选择链接内容,"-webkit-user-drag:none"可以防止用户链接拖拽至其他位置。而"-moz-user-select:none"可以禁用Mozilla浏览器的用户选择功能

这些代码可以直接在CSS文件中进行添加,或者写在style标签中。在此之后,苹果设备上链接鼠标移动上去时的样式就会消失了,同时还能保持链接的可点击性。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。