Twitter Bootstrap - Comment faire pour Supprimer Contour Bleu de Sélectionner l'Option
Pouvez vous s'il vous plaît prendre un coup d'oeil à cet exemple et laissez-moi savoir comment je peux me débarrasser de ce contour bleu pour déroulante, sélectionnez le bouton et la Recherche de la boîte de réception à l'intérieur du menu déroulant (montré sur l'image ci-dessous)?
J'ai déjà essayé :
.btn-default {
outline: none !important;
box-shadow: none !important;
background-color: transparent !important;
background-image: none !important;
}
input, textarea, select, a { outline: none !important; }
input:focus, textarea:focus, select:focus{ outline: none; }
mais elles ne font pas le tour!
Je crois que c'est l' :focus
OriginalL'auteur Mona Coder | 2014-06-21
Vous devez vous connecter pour publier un commentaire.
Bootstrap formulaire de saisie des éléments de ne pas utiliser le
outline
de propriété, mais plutôt de le recréer à l'aide debox-shadow
. Vous étiez sur la bonne voie avec ce que vous faisiez, mais le style qui provoque ce est la suivante:Vous souhaitez remplacer ces styles avec votre propre définition de la
box-shadow
ànone
et réglage de laborder-color
pour correspondre à votre défaut.Comme pour la zone de liste, vous pouvez utiliser le style suivant, comme il a été mentionné par @kamlesh-kushwaha, pour remplacer le bootstrap cadre:
Mes excuses, j'ai raté cette partie au moment de répondre.. il a été mentionné dans une autre réponse, mais j'ai ajouté le sélecteur pour cette partie de ma réponse, pour être complet
OriginalL'auteur Blake Mann
Ajouter le css
focus
règle ou modifier l'existant.De même, vous pouvez ajouter pour
select
OriginalL'auteur K K
Vous pouvez utiliser
input[type] {}
Tous bootstrap type d'entrée comme ci-dessous
OriginalL'auteur 4dgaurav
Pour
<select>
déroulante, changement de bootstrap-sélectionner.min ligne 29::
OriginalL'auteur Sebastian
- Je supprimer bootstrap 4 dropdown-toggle 'sur clic' blue frontières en faisant ceci:
Autre chose semblait être hors de propos. Par exemple, avec les boutons normaux {outline: none} a toujours semblé fonctionner, mais pas pour cet élément. Tout ce qui était nécessaire était le box-shadow:none propriété.
OriginalL'auteur Gmoney Mozart