Estoy codificando una aplicación usando jQuery, jqTouch y phonegap y me he encontrado con un problema persistente que surge cuando un usuario envía un formulario usando el botón Ir en el teclado virtual.
Aunque es fácil hacer que el cursor se mueva al elemento de entrada del formulario apropiado usando $('#input_element_id').focus()
, el resaltado de contorno naranja siempre regresa al último elemento de entrada en el formulario. (El resaltado no aparece cuando el formulario se envía mediante el botón de envío del formulario).
Lo que necesito es encontrar una manera de deshabilitar el resaltado naranja por completo o hacer que se mueva al mismo elemento de entrada que el cursor.
Hasta ahora, he intentado agregar lo siguiente a mi CSS:
.class_id:focus {
outline: none;
}
Esto funciona en Chrome pero no en el emulador ni en mi teléfono. También intenté editar jqTouch theme.css
para leer:
ul li input[type="text"] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
Sin efecto. También probé cada una de las siguientes adiciones al AndroidManifest.xml
archivo:
android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"
Ninguno de los cuales tiene ningún efecto.
Actualización: he solucionado más problemas con esto y hasta la fecha he encontrado:
La propiedad de esquema solo funciona en Chrome, no en el navegador de Android.
De hecho, la
-webkit-tap-highlight-color
propiedad funciona en el navegador de Android, aunque no en Chrome. Deshabilita el resaltado al enfocar y al tocar.La
-webkit-focus-ring-color
propiedad no parece funcionar en ningún navegador.