在开发网页的过程中,我们可能会遇到一种情况,就是在苹果设备上鼠标移动到链接上时出现的蓝色光标样式。这种样式对网页的美观度有很大影响,因此需要对它进行调整。
这个样式是由苹果浏览器中的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标签中。在此之后,苹果设备上链接鼠标移动上去时的样式就会消失了,同时还能保持链接的可点击性。