Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété appearance

Description de la propriété appearance.

Cette propriété n'est pas standardisée. Ses effets sont très variables d'un navigateur à l'autre.

Définit globalement plusieurs propriétés d'apparence de façon à faire ressembler l'élément à un élément prédéfini tel qu'un bouton, une case à cocher, etc.
Remarque : seule l'apparence est concernée, l'élément n'acquiert aucune fonctionnalité supplémentaire (il ne devient pas une case à cocher par exemple).

La propriété appearance peut être utilisé pour ré-initialiser toutes les propriétés d'un élément standard : lui redonner son aspect habituel.

Syntaxes pour appearance.

  • appearance: none;

    Valeur par défaut. Aucune des propriétés de l'élément n'est réinitialisée (mais l'élément est bien affiché).

  • appearance: button; appearance: button-bevel; appearance: checkbox; appearance: listbox; appearance: menulist; appearance: menulist-button; appearance: meter; appearance: progress-bar; appearance: push-button; appearance: radio; appearance: searchfield; appearance: slider-horizontal; appearance: square-button; appearance: textarea; appearance: textfield;

  • appearance: initial;

    La valeur initiale est none.

  • appearance: unset; appearance: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

Ajouter un préfixe :
appearance :
-moz-appearance :
-webkit-appearance :
Résultat

Prise en charge de la propriété appearance par les navigateurs.

La propriété appearance n'est pas encore suffisamment standardisée : de grosses différences de rendu sont constatées d'un navigateur à l'autre.
Par sécurité, il est recommandé de définir appearance et ses variantes préfixées, spécifiques à un navigateur : -moz-appearance, -webkit-appearance, etc.

Afficher les versions antérieures   Afficher la version à venir