禁用焦点上的橙色轮廓突出显示
我正在使用jQuery,jqTouch和phonegap编写应用程序,并遇到了一个持久性问题,当用户使用软键盘上的Go按钮提交表单时会出现这种问题。
虽然使用
$('#input_element_id').focus()
很容易使光标移动到相应的表单输入元素,但橙色轮廓突出显示总是返回到表单上的最后一个输入元素。 (使用表单提交按钮提交表单时,不会显示突出显示。)
我需要的是找到一种完全禁用橙色突出显示的方法,或者让它移动到与光标相同的输入元素。
到目前为止,我已经尝试将以下内容添加到我的CSS中:
.class_id:focus {
outline: none;
}
这适用于Chrome,但不适用于模拟器或手机。我也尝试过编辑jqTouchtheme.css
来阅读:
ul li input[type="text"] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
没有效果。
我还尝试了以下每个对AndroidManifest.xml
文件的补充:
android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"
这些都没有任何影响。
更新:我已经做了一些更多的故障排除,迄今为止发现:
outline属性仅适用于Chrome,不适用于Android浏览器。
-webkit-tap-highlight-color
属性实际上可以在Android浏览器上运行,但不适用于Chrome。它会在焦点和点击时禁用高亮显示。
-webkit-focus-ring-color
属性似乎不适用于任何一种浏览器。
没有找到相关结果
已邀请:
15 个回复
屉杆绊
杭难插
在你的css文件中。 它对我有用!
荒劫娇噬
响摔衅幸
大多数版本的tap-highlight-color 用户修改4.0.4
疾很毋悲
闲窍
郡晒景沧
属性覆盖适合您,请首先考虑以下事项: 不工作: -webkit-user-modify:read-write-plaintext-only; //单击元素时,有时会触发弹出的本机键盘 .class:active,.class:focus {-webkit-tap-highlight-color:rgba(0,0,0,0); } //如果为州定义,它不起作用 工作:
即使在PhongeGap应用程序中,这种情况适用于Android从v2.3到v4.x.我在Android 2.3.3的Galaxy Y上测试了它,在Android 4.2.2的Nexus 4和Android 4.1.2的Galaxy Note 2上测试了它。因此,不要仅为元素本身定义状态。
授巨
这对我有用。我希望它适合你。
凄嘛姥
替秀宝
根据我的经验,这是一个更快的方法*,但它也是一种减少怪异错误的方法。 tap-highlight,-webkit-user-modify:read-write-plaintext-only和禁用例如文本突出显示的组合为我们提供了许多空间。突然键盘输入停止工作和减慢键盘可视化的最糟糕的情况之一。 禁用橙色突出显示完成CSS重置:
逆捐凶撤小
CSS
芜任亮蜡
催备南菠亨
凡夕
拟僚疽刊剔