Die Möglichkeit, eine Schaltfläche in CSS auszublenden, besteht darin, der Schaltfläche das Anzeigeattribut hinzuzufügen, z. B. [style="display:none;"]. Das Anzeigeattribut gibt den Typ des Felds an, das das Element generieren soll. Keine bedeutet, dass das Element nicht angezeigt wird.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Wenn wir den Effekt des Ausblendens von Schaltflächen erzielen möchten, können wir das Anzeigeattribut verwenden. Lassen Sie uns dieses Attribut unten ausführlich vorstellen. Das
display-Attribut gibt den Typ der Box an, die das Element generieren soll.
Attributwert:
none Dieses Element wird nicht angezeigt.
block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.
Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.
Spezifischer Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<!--display:block:显示按钮-->
<button id="displayBtn" style="display:block">显示按钮</button>
<!--display:block:隐藏按钮-->
<button id="hiddenBtn" style="display:none;">隐藏按钮</button>
</div>
</body>
</html>Verwandte Videofreigabe: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verstecken Sie eine Schaltfläche in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
