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标签中。在此之后,苹果设备上链接鼠标移动上去时的样式就会消失了,同时还能保持链接的可点击性。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效