Je code une application à l'aide de jQuery, jqTouch et phonegap et j'ai rencontré un problème persistant qui survient lorsqu'un utilisateur soumet un formulaire à l'aide du bouton Go du clavier logiciel.
Bien qu'il soit facile de déplacer le curseur vers l'élément d'entrée de formulaire approprié à l'aide de $('#input_element_id').focus()
, la surbrillance du contour orange revient toujours au dernier élément d'entrée du formulaire. (Le surlignage n'apparaît pas lorsque le formulaire est soumis à l'aide du bouton d'envoi du formulaire.)
Ce dont j'ai besoin est de trouver un moyen de désactiver complètement la surbrillance orange ou de la déplacer vers le même élément d'entrée que le curseur.
Jusqu'à présent, j'ai essayé d'ajouter ce qui suit à mon CSS:
.class_id:focus {
outline: none;
}
Cela fonctionne dans Chrome mais pas sur l'émulateur ou sur mon téléphone. J'ai également essayé d'éditer le jqTouch theme.css
pour lire:
ul li input[type="text"] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
Sans effet. J'ai également essayé chacun des ajouts suivants au AndroidManifest.xml
fichier:
android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"
Aucun d'entre eux n'a d'effet.
Mise à jour: J'ai effectué plus de dépannage avec ceci et à ce jour, j'ai trouvé:
La propriété de contour fonctionne uniquement sur Chrome, pas sur le navigateur Android.
La
-webkit-tap-highlight-color
propriété fonctionne en fait sur le navigateur Android, mais pas sur Chrome. Il désactive la mise en évidence sur la mise au point ainsi que sur le tapotement.La
-webkit-focus-ring-color
propriété ne semble fonctionner sur aucun des deux navigateurs.