在 WebView 中禁用 div 上的橙色突出显示

Posted

技术标签:

【中文标题】在 WebView 中禁用 div 上的橙色突出显示【英文标题】:Disable orange highlight on a div in WebView 【发布时间】:2013-09-07 06:01:50 【问题描述】:

我正在制作一个 PhoneGap android 应用,但无法关闭橙色突出显示的可点击元素。

我已经尝试了 CSS 的所有组合:-webkit-tap-highlight-color、-webkit-focus-ring-color 和 -webkit-user-modify,正如

中所建议的那样

Disable orange outline highlight on focusDisable orange highlight around links in Android

这是我所拥有的,但它什么也没做:

`*   
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;   
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;  
    outline: none !important;  
    -webkit-user-modify: read-write-plaintext-only !important;  
    -webkit-touch-callout: none;
    -webkit-user-select: none;
`

我正在使用 Phonegap 2.9.0 和 Android 4.1.2,以及来自此处的 Calendario 插件:http://tympanus.net/codrops/2012/11/27/calendario-a-flexible-calendar-plugin/

有没有希望禁用这个难看的器官?

【问题讨论】:

【参考方案1】:

也许您在谈论focus 设置的大纲,所以这应该会有所帮助(未经测试):

div:focus, div:active 
    outline: none;

【讨论】:

我很惊讶这个答案没有得到更多的爱。这是在 Android 4.0 中唯一对我有用的东西。请注意,上面有一个错字——应该是div:focus, div:active outline: none; 验证此属性是否有效可能很有用。我使用了以下方法:div:focus outline:1px solid green; div:focus outline:1px solid red; 这也是我在 Android 4.x 上唯一有效的方法(使用 Brian Rak 的版本并纠正了错别字) 也为我工作,Android 4.x 包括三星。我正在寻找删除带有字体图标的按钮的轮廓,所以我只是在选择器中添加了“按钮:焦点,按钮:活动”。工作完美;)【参考方案2】:

你可以试试

* -webkit-tap-highlight-color: transparent;

【讨论】:

【参考方案3】:
div
-webkit-appearance:none;

【讨论】:

谢谢,但不幸的是,橙色的东西还在。我正在三星 Galaxy Note 10.1 上试用此功能,但我很快会在其他一些设备上试用并报告。

以上是关于在 WebView 中禁用 div 上的橙色突出显示的主要内容,如果未能解决你的问题,请参考以下文章

在 Android 中禁用链接周围的橙色突出显示

Android:在 GridView 中禁用突出显示

phonegap 应用程序中 div 周围的橙色边框

Vim:如何更改搜索命中和快速修复选择的突出显示颜色

在 iOS 7 WebView 上的 HTML 输入控件中选择文本时如何删除或禁用“定义”选项?

css 禁用手机上的蓝色突出显示