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

我试图弄清楚是否有可能更改默认HTML5

video

元素上的

cursor

的CSS属性。到目前为止，我的测试得出结论：

默认情况下，没有用户代理（浏览器）实现

cursor:pointer

。因此，剩下的是正常的操作系统箭头/控制指示灯

当您尝试设置

光标：指针

时，仅当光标不在

视频

元素中可单击的元素上时，用户代理才会更改光标。。。ie：播放、暂停、搜索、静音、全屏

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

video

标签（控制栏、中央播放按钮）的可点击元素应该是光标样式……或者，该死的，只需将其应用于整个内容即可

---

有人对此有什么见解吗？

对于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伪元素的扩展列表：

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

因为没有必要

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

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

原因

cursor:pointer

在web上很常见，之所以需要它是因为超链接。默认情况下，超链接不会对悬停作出反应。指针用于提示用户可以单击链接

---

对于

元素，有足够的悬停状态，光标无需更改。

2）在firefox 19.0中的控件上工作。整个视频也是一个巨大的可点击元素。单击控件以外的其他位置可切换播放/暂停。HTML5是否说明视频上的光标应该是或必须是指针，而不是由UA选择？在CSS中，默认设置为

cursor:auto

@Jrod Cool-我还不确定是否在19中测试过它。@我并不是说应该强制使用它，但是

cursor:auto

应该是

pointer

当项目可点击时，否？@tvpmb，不，不应该。它只对那些不具备点击能力的元素才有必要。疯狂但也有点天才。使用伪元素，您可以创建一个视频播放器，其样式与站点的其他部分相匹配。@Jrod awesomeman。我没有想到要查看伪元素的列表。这应该会让老板高兴。是的，出于某种原因它很重要。。。LOL@tvpmb直到你问这个问题，我才知道它们的存在，所以我们今天都学到了一些东西！FWIW-看看我发现了什么，这只是webkit，但无论哪种方式都可以作为参考：这正是我从ha获得它们的地方。我将在答案中添加链接，以便为未来用户提供更好的可见性。