css – Android浏览器 – 当锚点聚焦时删除大纲边框

前端之家收集整理的这篇文章主要介绍了css – Android浏览器 – 当锚点聚焦时删除大纲边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 Android应用程序上使用一个加载外部页面的Webview.
它具有几个锚点(< a>标签).当我按下它时,出现黄色边框.

如何防止它并删除这个边框?

我尝试过以下技巧:

// jQuery
$("a").focus(function(){
    $(this).attr("hideFocus","hideFocus");
});

// CSS
a,:focus {
    outline: none;
}

但没有成功.

谢谢 !

解决方法

设置CSS属性 -webkit-tap-highlight-color如下:
* { -webkit-tap-highlight-color: rgba(0,0); }

注意:以其他方式设置颜色通常会因为webkit呈现高亮的方式而失败.取决于版本/变体根据我的经验.

猜你在找的CSS相关文章