ホームページ > 記事 > ウェブフロントエンド > CSSでボタンを非表示にする方法
CSSでボタンを非表示にする方法
- 王林オリジナル
- 2021-05-17 15:52:575910ブラウズ
CSS でボタンを非表示にする方法は、[style="display:none;"] などの表示属性をボタンに追加することです。 display 属性は、要素が生成するボックスのタイプを指定します。none は、要素が表示されないことを意味します。
- none この要素は表示されません。
- block この要素は、この要素の前後に改行を入れて、ブロック レベルの要素として表示されます。
- #インライン デフォルト。この要素は、要素の前後に改行のないインライン要素として表示されます。
<!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> 関連ビデオ共有: 以上がCSSでボタンを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。