4

cursorデフォルトのHTML5video要素のCSSプロパティを変更できるかどうかを調べようとしています。これまでのところ、私のテストは次のように結論付けています。

  1. cursor: pointerデフォルトでは、ユーザーエージェント（ブラウザー）は実装されていません。したがって、通常のOS矢印/コントロールインジケーターが残ります

  2. を設定しようとするcursor: pointerと、ユーザーエージェントは、カーソルが要素内のクリック可能な要素の上にない場合にのみカーソルを変更しますvideo...つまり、再生、一時停止、シーク、ミュート、フルスクリーン。

  3. これは、起こるべきことの実装を逆にするようです。タグのクリック可能な要素video（コントロールバー、中央の再生ボタン）は、カーソルスタイルを取得する必要があります...または、全体に適用するだけです。

誰かがこれについて何か洞察を持っていますか？

4

2 に答える 2

4

Webkitの場合、それらの疑似要素をターゲットにすることができます

video::-webkit-media-controls-panel

video::-webkit-media-controls-play-button

video::-webkit-media-controls-volume-slider-container

video::-webkit-media-controls-volume-slider

video::-webkit-media-controls-mute-button

video::-webkit-media-controls-timeline

video::-webkit-media-controls-current-time-display

video::-webkit-full-page-media::-webkit-media-controls-panel

video::-webkit-media-controls-timeline-container

video::-webkit-media-controls-time-remaining-display

video::-webkit-media-controls-seek-back-button

video::-webkit-media-controls-seek-forward-button

video::-webkit-media-controls-fullscreen-button

video::-webkit-media-controls-rewind-button

video::-webkit-media-controls-return-to-realtime-button

video::-webkit-media-controls-toggle-closed-captions-button

アップデート

Webkit疑似要素の拡張リスト：https ：//gist.github.com/afabbro/3759334

于 2013-02-28T18:29:28.147 に答える
-1

ビデオ要素にCSSカーソルスタイルを実装するユーザーエージェントがないのはなぜですか？

必要ないから

これは、起こるべきことの実装を逆にするようです。

「すべき」ことは何だと思いますか？インタラクティブな要素にはポインタは必要ありません。たとえば、スクロールバーにカーソルを合わせると、矢印は矢印のままになります。実際、ほとんどのコンピュータソフトウェアのほとんどのボタンはカーソルを変更しません。インタラクティブ要素のホバーとフォーカスの状態はクリック可能性を提供するのに十分であるため、これは必要ありません。

その理由cursor: pointerはウェブ上で一般的であり、それが必要な理由はハイパーリンクによるものです。デフォルトでは、ハイパーリンクはホバーに反応しません。ポインタは、リンクをクリックできることをユーザーに知らせるために使用されます。

要素の場合<video>、カーソルを変更する必要がないという十分なホバー状態があります。

于 2013-02-28T21:01:02.627 に答える