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

Posted 2023-03-06

【中文标题】在 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 上试用此功能，但我很快会在其他一些设备上试用并报告。