Comment faire pour supprimer le halo bleu glow de jQuery Mobile éléments d'entrée qui reçoit le focus
Je rencontre le même problème que répertoriées dans:
JQuery Mobile: comment ne pas afficher le bouton focus halo quand on clique sur un bouton?
Cependant, j'ai essayé la accepté de répondre par "codaniel" qui fonctionne très bien, SAUF quand vous voulez que l'élément en question, afin de conserver une baisse régulière de l'ombre - tout simplement pas que le bleu halo flou. Lorsque vous appliquez les règles CSS indiqué dans sa réponse à ces sélecteurs, il supprime tout sur focus - y compris l'souhaité normal de l'ombre portée. Toutes les idées sur la façon de garder le choix (noir) ombre portée sur l'objet, mais perdez le halo bleu glow?
Merci d'avance!
Cole
- Pouvez-vous poster le code que vous avez jusqu'à présent?
- J'ai mis à jour ma réponse, veuillez jeter un oeil.
Vous devez vous connecter pour publier un commentaire.
Utiliser le CSS ci-dessous pour remplacer/supprimer l'ombre.
Cela permettra d'éliminer l'ombre de tous les éléments d'entrée. Toutefois, si vous voulez, vous pouvez l'ajouter en tant que classe, à des éléments spécifiques/les types d'entrée. En supposant que le nom de la classe est
noshadow
.Mise à jour
J'ai fait un démo pour vous montrer exactement comment faire pour supprimer halo bleu glow de différents types d'entrées. Tous les types d'entrée sont enveloppés par une DIV qui accueille les grandes classes. Ainsi, toute classe personnalisée devrait être ajouté à cette div en utilisant
.closest('div')
.Le code ci-dessous supprime blue shadow /ajoute
.noshadow
à l'entréetype=email
seulement, laissant les autres entrées intacte.J'ai utilisé
ui-input-text
pour identifier l'entrée que toutes les entrées ont la classe. Cependant, il est différent pour l'entréetype=search
qu'elle dispose d'une classe supplémentaire.ui-input-search
etdata-type=search
contrairement à d'autres entrées. Donc il faut procédure différente pour ajouter la classe personnalisée à elle, de cette façon.Si vous voulez l'enlever aller avec Omar réponse.
Si vous voulez avoir une ombre, mais de couleur différente vous avez besoin de changer et de remplacer la couleur de l'ombre, comme ceci:
De travail exemple: http://jsfiddle.net/Gajotres/ywraY/
N'oubliez pas de l'utiliser !important, c'est la seule façon originale
CSS
peut être remplacée. CetteCSS
couvrira chaque élément d'entrée. Vous avez seulement besoin de trouver la couleur qui convienne à vous.Il suffit d'écrire régulièrement de l'ombre au lieu de pas de l'ombre.
Ou utilisez une autre ombre de votre choix.
Eu sur multipe types d'éléments et c'est ce qu'il fixe pour moi