[解決済み] CSSでクリックされたボタンをスタイルする方法 [重複]について
2022-03-01 14:05:32
質問
W3スクールのホームページを見てみました W3Schools では、CSSによるボタンのスタイリングが説明されています。ボタンがクリックされたときのスタイルを指定する必要があります。そのための擬似クラスセレクタは何ですか? 例:ホバーボタンは。
.button:hover{
}
解決方法は?
このボタンは、初期状態では黄色で表示されます。カーソルを合わせるとオレンジ色に変わります。クリックすると赤くなります。スタイルを合わせるために、:hoverと:focusを使っています。
(通常、:active セレクタはリンク(例.
<a>
タグ)
button{
background-color:yellow;
}
button:hover{background-color:orange;}
button:focus{background-color:red;}
a {
color: orange;
}
a.button{
color:green;
text-decoration: none;
}
a:visited {
color: purple;
}
a:active {
color: blue;
}
<button>
Hover and Click!
</button>
<br><br>
<a href="#">Hello</a><br><br>
<a class="button" href="#">Bye</a>
関連
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするのですか?
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] iFrameがURLを読み込んでいない
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このインラインブロックのdiv要素の間に説明のつかない隙間があるのはなぜですか?[重複]
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み】ローカルの実行ファイルへのハイパーリンクを作成する方法は?
-
[解決済み】フッターをページの下部に中央に配置するにはどうすればよいですか?
-
[解決済み] div に斜めのエッジを作成する [重複] 。
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] css画像が表示されない
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] CSSでonclick効果を持たせることはできますか?