Heim > Artikel > Web-Frontend > Wie verwende ich die CSS3-Aussehenseigenschaft?

Wie verwende ich die CSS3-Aussehenseigenschaft?

青灯夜游Original: 2019-02-20 13:22:065105Durchsuche

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:

Wie verwende ich die CSS3-Aussehenseigenschaft?

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie verwende ich das CSS3-Symbolattribut?Nächster Artikel：Wie verwende ich das CSS3-Symbolattribut?

In Verbindung stehende Artikel

Mehr sehen