Désactiver orange contour sélectionner sur la focus

Je suis codage d'une application à l'aide de jQuery, jqTouch et phonegap et ont couru à travers un problème persistant qui se produit lorsqu'un utilisateur soumet un formulaire en utilisant le bouton "Aller" sur le clavier virtuel.

Bien qu'il est facile d'obtenir le curseur pour vous déplacer dans le formulaire de saisie de l'élément en utilisant $('#input_element_id').focus(), l'orange contour de mettre en évidence retourne toujours vers le dernier élément d'entrée sur le formulaire. (Le point culminant ne s'affiche pas lorsque le formulaire est soumis en utilisant le formulaire bouton "soumettre".)

Ce dont j'ai besoin est de trouver un moyen soit de désactiver l'orange complètement ou bien de la faire bouger à la même entrée de l'élément 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 aussi essayé de l'édition de jqTouch theme.css à 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);
}

Avec aucun effet.
J'ai aussi essayé de chacun des ajouts suivants à la AndroidManifest.xml fichier:

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

Aucun n'a aucun effet.

Mise à jour: j'ai fait un peu plus de dépannage et de date trouvé:

  1. Le contour de la propriété ne fonctionne que sur Chrome, pas sur le navigateur Android.

  2. La -webkit-tap-highlight-color de la propriété, dans les faits, le travail sur le navigateur Android, mais pas sur Chrome. Il désactive le clou sur le se concentrer ainsi que sur la saignée.

  3. La -webkit-focus-ring-color propriété ne semble pas fonctionner sur navigateur.

InformationsquelleAutor eggdeng | 2011-03-06