[解決済み] 要素から ':hover' CSS 動作を削除する
2022-04-28 16:34:25
質問
要素にカーソルを合わせると書式が変わるCSSがあるのですが、どうすればいいですか?
.test:hover { border: 1px solid red; }
<div class="test">blah</div>
場合によっては、ホバー時にCSSを適用したくないこともある。一つの方法は、jQueryを使用してdivからCSSクラスを削除することですが、そのクラスを子要素のフォーマットにも使用しているため、他のものを壊してしまうことになります。
ある要素から 'hover' CSS スタイルを削除する方法はありますか?
どのように解決するのですか?
私なら、2つのクラスを使います。test クラスはそのままにして、testhover という 2 つ目のクラスを test クラスと一緒に追加して、ホバーさせたいものだけに追加します。これは、あなたが尋ねたこととは直接関係ありませんが、より多くの文脈がなければ、これが最善の解決策のように感じられ、おそらく最もクリーンでシンプルな方法だと思います。
例
.test { border: 0px; }
.testhover:hover { border: 1px solid red; }
<div class="test"> blah </div>
<div class="test"> blah </div>
<div class="test testhover"> blah </div>
関連
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] CSSの爆発を管理する
-
[解決済み] ボーダーをdivの内側、端に配置しない
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 横型リストアイテム
-
[解決済み] HTMLとCSSによるテーブルスクロール [重複]について
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] <meta charset="utf-8"> vs <meta http-equiv="Content-Type">.
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。