N'importe qui sait comment supprimer ce laid chrome arrière-plan lors du remplissage automatique? (Voir ci-dessous.)
Jusqu'à présent, j'ai essayé:
*:focus {
outline: 0;
}
input:-webkit-autofill {
-webkit-box-shadow: none;
-webkit-text-fill-color: #fff !important;
}
button:focus, input:focus, a:focus {
text-decoration: none !important;
outline: none !important;
}
Malheureusement, aucun d'entre eux ne fonctionne. Toute aide, idée, indice, suggestion serait grandement appréciée.
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border:none !important;
-webkit-text-fill-color: inherit !important;
-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
transition: background-color 5000s ease-in-out 0s;
}
.form-item-search-block-form input:focus,
.form-item-search-block-form input:hover,
.form-item-search-block-form input:active {
outline: 0 none;
border: 0 none;
background: #282828;
background: url("../images/search_btn.png") no-repeat 96% 9px;
color: rgb(202,202,202);
}
.form-item-search-block-form input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #282828 inset;
-moz-box-shadow: 0 0 0 1000px #282828 inset;
box-shadow: 0 0 0 1000px #282828 inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
-webkit-text-fill-color: #eee !important;
}