Maison  >  Article  >  interface Web  >  Utilisez CSS pour supprimer le style de contrôle par défaut dans les navigateurs du noyau Webikt tels que Chrome et Safari.

Utilisez CSS pour supprimer le style de contrôle par défaut dans les navigateurs du noyau Webikt tels que Chrome et Safari.

高洛峰
高洛峰original
2017-03-15 09:43:542058parcourir

Il existe un tel attribut privé de webkit :

  -webkit-apparence: /*Supprimer le style d'entrée par défaut*/

Ajoutez ce style, et lorsque la valeur est « aucun », vous pouvez annuler le style par défaut du navigateur pour le contrôle

.

De plus, cet attribut a également une place magique~ Il peut être utilisé pour appeler et afficher les styles par défaut du navigateur pour divers contrôles,

Par exemple : Je suis span, chérie !! ce qu'il affiche L'effet est le style intégré de l'étiquette du bouton.

Ha pensait que c'était assez intéressant~

De plus, cet attribut peut être utilisé pour supprimer le

bouton arrondi surdimensionné dégoûtantstyle par défaut sur l'iPhone, de sorte que le bouton peut être modifié par soi-même. Le style s'affiche normalement.

Voici les valeurs possibles​​de cet attribut, qui peuvent également être considérées comme les effets par défaut des contrôles du navigateur pouvant être affichés.

case à cocher

radio

bouton poussoir

bouton carré

bouton

bouton-biseau

listbox

listitem

menulist

menulist-button

menulist-text

menulist-textfield

bouton de la barre de défilement vers le haut

bouton de la barre de défilement vers le bas

bouton de la barre de défilement-gauche

bouton de la barre de défilement-droite

piste de la barre de défilement -horizontal

scrollbartrack-vertical

scrollbarthumb-horizontal

scrollbarthumb-vertical

scrollbargripper-horizontal

scrollbargripper-vertical

slider-horizontal

curseur-vertical

curseur-pouce-horizontal

curseur-pouce-vertical

caret

champ de recherche

décoration du champ de recherche

champ de recherche-résultats-décoration

bouton de résultats du champ de recherche

bouton d'annulation du champ de recherche

champ de texte

zone de texte

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn