4

我试图弄清楚是否可以更改cursor默认 HTML5video元素的 CSS 属性。到目前为止，我的测试已经结束：

  1. 默认情况下没有用户代理（浏览器）实现cursor: pointer。所以你只剩下正常的操作系统箭头/控制指示器

  2. 当您尝试设置cursor: pointer时，只有当光标不在元素内的可点击元素上时，用户代理才会更改光标video......即：播放、暂停、搜索、静音、全屏。

  3. 这似乎与应该发生的事情的实施相反。标签的可点击元素video（控制栏，中心播放按钮）应该获得光标样式......或者地狱，只需将其应用于整个事物。

有人对此有任何见解吗？

4

2 回答 2

4

For webkit you can target their pseudo elements

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

Update

Extended list of webkit pseudo elements: https://gist.github.com/afabbro/3759334

于 2013-02-28T18:29:28.147 回答
-1

为什么没有用户代理为视频元素实现 CSS 光标样式？

因为没必要

这似乎与应该发生的事情的实施相反。

你认为“应该”发生什么？交互元素不需要指针。例如，如果您将鼠标悬停在滚动条上，您的箭头将保持为箭头。事实上，大多数计算机软件的大多数按钮都不会改变光标。这不是必需的，因为交互元素的悬停和焦点状态足以提供可点击性。

原因cursor: pointer在网络上很常见，而必须的原因是由于超链接。默认情况下，超链接不会对悬停做出反应。指针用于提示用户可以点击链接。

对于<video>元素，有足够的悬停状态，无需更改光标。

于 2013-02-28T21:01:02.627 回答