我正在使用jQuery,jqTouch和phonegap编写应用程序的代码,遇到了一个持久性问题,当用户使用软键盘上的“转到”按钮提交表单时,就会出现该问题。
尽管通过使用可以很容易地将光标移动到适当的表单输入元素$('#input_element_id').focus()
,橙色轮廓突出显示总是返回到表单上的最后一个输入元素。(当使用表单提交按钮提交表单时,突出显示的部分不会显示。)
我需要找到一种方法来完全禁用橙色突出显示,或者使其移动到与光标相同的输入元素。
到目前为止,我已经尝试将以下内容添加到我的CSS中:
.class_id:focus {
outline: none;
}
这在Chrome中有效,但在模拟器或我的手机上无效。我也尝试编辑jqTouch theme.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
属性似乎在两种浏览器上均不起作用。