Comment se fait-il que je ne puisse pas supprimer la bordure bleue de la zone de texte dans Twitter Bootstrap ?

Question

Dans Chrome, il y a une bordure bleue autour de la zone de texte.

Comment se fait-il que je ne puisse pas l'enlever ?

 textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus {
        outline:0px !important;
    }

Answer 1

Vous avez écrit -webkit-appearance:none; comme ceci :

 textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

Answer 2

Je crois que c'est une ombre. Essaye ça:

 .box-shadow(none);

Ou si vous n'utilisez pas LESS :

 box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

Answer 3

essayez ceci, je pense que cela vous aidera et votre bordure bleue sera supprimée :

 outline:none;

Answer 4

Cela a fonctionné pour moi

 .form-control {
box-shadow: none!important;}