在 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 上的橙色突出显示的主要内容,如果未能解决你的问题,请参考以下文章