我想弄清楚是否可以更改默认 HTML5 video
元素上 cursor
的 CSS 属性。至此,我的测试已经结束:
默认情况下,没有用户代理(浏览器)实现
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
更新
webkit 伪元素扩展列表:https://gist.github.com/afabbro/3759334
关于html - 为什么没有用户代理为视频元素实现 CSS 光标样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15126921/