web-dev-qa-db-fra.com

Réinitialiser/supprimer tous les styles pour la saisie, sélectionner et bouton dans tous les navigateurs, y compris mobile

J'ai cherché partout, mais je ne peux que trouver comment changer/modifier les styles pour les éléments d'entrée, de sélection et de bouton.

Ce que je veux faire, c'est supprimer toutes les ombres, les bordures, l'arrière-plan, les icônes, etc., à l'exception de la valeur elle-même, sur tous les navigateurs et mobiles.

cssselectbuttoninput
4
MrJamesBond

Vous pouvez utiliser normalize.css pour améliorer le rendu inter-navigateurs. Vous pouvez mettre à jour la classe suivante dans le fichier normalize.css.

button,
input,
optgroup,
select,
textarea,html input[type="button"],
input[type="reset"],
input[type="submit"],button[disabled],
html input[disabled],button::-moz-focus-inner,
input::-moz-focus-inner, input[type="checkbox"],
input[type="radio"], input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button, input[type="search"], input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration

Veuillez ajouter le style suivant aux éléments ci-dessus.

element {
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
6
Fazil Abdulkhadar

Style de la balise d'entrée via css.

Voir: http://www.w3schools.com/tags/tag_input.asp

entrée etc .:

input, select, textarea {

}

Boutons:

input[type="submit"] {

}

Réinitialise le css : http://cssreset.com/

Belle réinitialisation: https://necolas.github.io/normalize.css/

0
Wizzard