:hoverCSS または JavaScript を使用して、CSS 疑似クラスがトリガーされないようにするものは何ですか?
サード パーティのカスタム カレンダー コントロールで非常にトリッキーな問題をデバッグしようとしています。クライアントは、ユーザーが日付にカーソルを合わせたときに日付を強調表示したいと考えています。これはかなり標準的なものです。:hoverしかし、クラスが期待どおりに機能するのを頑固に妨げているものがあります。
セレクターで日付セルをターゲットにして、background-color問題なく操作できます。ただし、そのセレクターに疑似クラスを追加して:hoverも機能しません。
残念ながら、これはアカウントを使用する必要がある非公開アプリであるため、コードを投稿することはできません。正直なところ、スパゲッティが多すぎて、何を含めればよいかさえわかりません... コントロールは純粋な JS で構築されており、ここには jQuery はなく、siree もありません。数百行の JS と数百行の CSS ... jQuery カレンダー コントロールの使用の何が問題なのかわかりません。
壊れる可能性のある既知のセットはあり:hoverますか? falseイベントハンドラーなどからの戻りによって引き起こされた、イベントの伝播の問題onhoverでしょうか?
この問題をデバッグするための他の提案はありますか? ホバリング:hoverしていないとルールがトリガーされないため、ブラウザー ツールの使用はあまり効果的ではありません。そこで22をキャッチ。
編集:この答えは、考えられる犯人のようです。彼らは間違いなくミックスで絶対的なポジショニングを使用しています...
編集 2: Chrome の開発者ツールを使用して状態を手動で適用:hoverすると、セレクターが問題ではないことが確認されます。何かが:hover状態のトリガーを妨げています。カレンダー コントロールは HTML テーブルとして実装され、各週が行に、各日付がセルに表示されます。レイヤーの問題のように見えますがz-index、セルにハイを追加しても何も起こりません.
