相关疑难解决方法(0)

我正在使用jQuery,jqTouch和phonegap编写应用程序,并且遇到了一个持久性问题,当用户使用软键盘上的Go按钮提交表单时会出现该问题.

虽然通过使用很容易使光标移动到适当的表单输入元素$('#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"

这些都没有任何影响.

更新:我已经做了一些更多的故障排除,迄今为止发现:

1. outline属性仅适用于Chrome,不适用于Android浏览器.

2. 该-webkit-tap-highlight-color酒店实际上可以在Android浏览器上运行,但不在Chrome上.它会在焦点和点击时禁用高亮显示.

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

我正在制作PhoneGap Android应用程序,并且无法关闭橙色突出显示可点击元素.

我已经尝试了CSS的所有组合:-webkit-tap-highlight-color,-webkit-focus-ring-color和-webkit-user-modify,如

禁用焦点上的橙色轮廓高亮
在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/

是否有希望禁用这种难看的有机物呢？