Comment supprimer le style chrome par défaut pour sélectionner L'entrée?

Comment supprimer la bordure de boîte jaune par défaut de L'entrée sélectionnée et sélectionner les champs dans chrome ou n'importe quel navigateur comme safari? Je veux personnaliser entrée avec boîte personnalisée ombre css. Comment supprimer la bordure de sélection du navigateur par défaut?

36
demandé sur monk 2012-09-06 14:04:13

7 réponses 

-webkit-appearance: none;

Et ajoutez votre propre style

71
répondu Sowmya 2017-12-22 19:08:56 
textarea, input { outline: none; }

Par https://stackoverflow.com/a/935572/1036298

30
répondu Nithin Emmanuel 2017-05-23 12:02:37

Mixin pour moins

.appearance (@value: none) {
    -webkit-appearance:     @value;
    -moz-appearance:        @value;
    -ms-appearance:         @value;
    -o-appearance:          @value;
    appearance:             @value;
}
8
répondu Pesulap 2015-01-24 13:49:13

Dans votre CSS ajoutez ceci: 

input {-webkit-appearance: none; box-shadow: none !important; }
:-webkit-autofill { color: #fff !important; }

Seulement Pour Chrome! :)

6
répondu Praveen Kumar Purushothaman 2012-09-06 10:06:47

Utilisez un code simple pour supprimer le style de navigateur par défaut pour outline

input { outline: none; }
4
répondu Behnam Mohammadi 2018-04-10 10:50:14

Entrée: - webkit-autofill { contexte: # fff !important; }

2
répondu supersaiyan 2012-09-06 10:06:48

Parlez-vous lorsque vous cliquez sur une zone de saisie, plutôt que de simplement la survoler? Cela l'a corrigé pour moi: 

input:focus {
   outline: none;
   border: specify yours;
}
0
répondu Adam 2014-08-28 04:28:36