我想知道是否可以更改 CSS 属性cursor
在默认 HTML5 上video
元素。到目前为止,我的测试已经得出结论:
没有用户代理(浏览器)实现cursor: pointer
默认情况下。所以你只剩下正常的操作系统箭头/控制指示器
当您尝试设置cursor: pointer
,仅当光标不在可点击元素上时,用户代理才会更改光标video
元素...即:播放、暂停、搜索、静音、全屏。
这似乎与应该发生的事情的实施相反。的可点击元素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
Update
webkit 伪元素的扩展列表:https://gist.github.com/afabbro/3759334 https://gist.github.com/afabbro/3759334
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)