CSS3-Erscheinungsbildattribut wird verwendet, um den Standardstil des Elements zu ändern und das Erscheinungsbild des Elements zu ändern.
CSS3-Aussehensattribut
Funktion: Das Aussehensattribut ermöglicht Ihnen Folgendes Ein Element erstellen Sieht aus wie Standardelemente der Benutzeroberfläche.
Syntax:
appearance: normal|icon|window|button|menu|field;
Attributwert:
● normal: Das Element normal rendern
● Symbol: Präsentiert das Element als kleines Bild.
● Fenster: Präsentiert Elemente als Ansichtsfenster.
● Schaltfläche: Präsentiert das Element als Schaltfläche.
● Menü: Stellt die Elementauswahl als Benutzeroptionseinstellung dar.
● Feld: Präsentiert das Element als Eingabefeld.
Hinweis: IE und Opera unterstützen das Attribut „Erscheinungsbild“ nicht. Firefox muss das Präfix „-moz-“ hinzufügen, um das Attribut „-moz-appearance“ zu unterstützen -webkit- zur Unterstützung des Attributs -webkit -appearance.
Verwendungsbeispiel des CSS3-Aussehensattributs
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(php.cn)</title> <style> .butto { padding:10px; appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari and Chrome */ </style> </head> <body> <div class="butto">测试文本--butto</div> </body> </html>
Rendering:
Anleitung: Da das Aussehensattribut beim Rendern noch nicht zum Standard geworden ist, arbeitet jeder Browser immer noch unabhängig und kann noch keinen einheitlichen Standard erreichen. Daher erhalten Sie in verschiedenen Browsern unterschiedliche Rendering-Effekte.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.
Das obige ist der detaillierte Inhalt vonWie verwende ich die CSS3-Aussehenseigenschaft?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!