标签搜索

目 录CONTENT

文章目录

『聚合』 如何通过css修改video标签的原生样式

沙漠渔
2024-09-20 21:14:56 / 0 评论 / 0 点赞 / 77 阅读 / 427 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-09-20,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

通过css修改video标签的原生样式

描述

修改video标签的原生样式

实现

在控制台中打开设置,勾选显示用户代理 shadow DOM,就可以审查video标签的内部样式了

箭头处标出来的就是shodow DOM的内容,这些内容正常不可见的,只有勾选了才会显示

  • 我们知道了结构之后,就可以通过css来设置样式了
  • 将时间修改为红色样式

拿到pseudo的值设置样式

video::-webkit-media-controls-current-time-display {
      color: red;
   }

结果

到此这篇关于如何通过css修改video标签的原生样式的文章就介绍到这了,更多相关css修改video标签内容请搜索 『沙漠渔溏』 以前的文章或继续浏览下面的相关文章,希望大家以后多多支持 『沙漠渔溏』 !

0
广告 广告

评论区