禁用焦点上的橙色轮廓突出显示

我正在使用 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 file:

android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"

这些都没有任何效果。

更新：我已经对此进行了更多故障排除，迄今为止发现：

1. 大纲属性仅适用于 Chrome，不适用于 Android 浏览器。

2. The -webkit-tap-highlight-color事实上，该属性确实适用于 Android 浏览器，但不适用于 Chrome。它会禁用焦点和点击时的突出显示。

3. The -webkit-focus-ring-color属性似乎不适用于任一浏览器。

Try:

-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;  // i.e. Nexus5/Chrome and Kindle Fire HD 7''