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

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

      • 描述
      • 实现
      • 结果

描述

修改video标签的原生样式

实现

在控制台中打开设置,勾选显示用户代理 shadow DOM,就可以审查video标签的内部样式了
在这里插入图片描述在这里插入图片描述
箭头处标出来的就是shodow DOM的内容,这些内容正常不可见的,只有勾选了才会显示

  1. 我们知道了结构之后,就可以通过css来设置样式了
  2. 将时间修改为红色样式
    在这里插入图片描述
    拿到pseudo的值设置样式
video::-webkit-media-controls-current-time-display {color: red;}

结果

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/492457.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

操作系统——处理机调度

文章目录 进程调度0.概念1.调度分类高级调度低级调度中级调度七状态模型调度对比 2.进程调度进程调度的时机进程调度的方式进程的切换方式调度器/调度程序闲逛进程 3. 调度算法的评价指标CPU利用率系统吞吐量周转时间等待时间响应时间 4. 调度算法先来先服务(FCFS)短作业优先(S…

【MATLAB源码-第148期】基于matlab的BP神经网络2/4ASK,2/4FSK,2/4PSK信号识别仿真。

操作环境: MATLAB 2022a 1、算法描述 1. 调制技术基础 调制技术是通信技术中的基础,它允许数据通过无线电波或其他形式的信号进行传输。调制可以根据信号的振幅、频率或相位的变化来进行,分别对应于ASK、FSK和PSK。 1.1 2ASK与4ASK 振幅…

二叉树与堆

目录 1.树概念及结构 1.1树的概念 1.2 树的相关概念 1.3 树的表示 1.4 树在实际中的运用(表示文件系统的目录树结构) 2.二叉树概念及结构 2.1概念 2.2现实中的二叉树: 2.3 特殊的二叉树: 2.4 二叉树的性质 2.5 二叉树的…

C++基础知识(七:多态)

一、多态 常说的多态,是发生在类之间的多态 函数重载(静态多态/编译时多态) 类之间的多态(动态多态/运行时多态) 【1】前提 继承是多态的前提 虚函数 什么是多态:相同的代码,实现不同的功能 【2】函数重写(override) 必须有继承关系父类中必须…

淘宝天猫商品详情API接口(商品详情页面数据,销量接口)

淘宝商品详情API接口,淘宝商品销量接口,淘宝商品价格接口,淘宝商品列表接口,淘宝商品数据列表接口,淘宝关键词搜索列表接口,淘宝APP详情接口,淘宝APP商品详情接口,淘宝H5详情接口&am…

Python判断列表里是否有重复元素的三种方法

一、用set方法去重后与原列表长度比较 lst[1,3,5,3,4,4,2,9,6,7] set_lstset(lst) #set会生成一个元素无序且不重复的可迭代对象,也就是我们常说的去重 if len(set_lst)len(lst):print(列表里的元素互不重复!) else:print(列表里有重复的元素&#xff01…

自动换刀主轴应用领域有哪些?

自动换刀主轴是一种先进的机床技术,能够实现快速、准确地更换刀具,提高加工效率和精度,因此在现代制造业中得到了广泛应用。 一、自动换刀主轴的应用领域 1.汽车制造业 汽车制造业是自动换刀主轴应用最广泛的领域之一。在汽车制造过程中&am…

【MySQL面试复习】什么是覆盖索引?/MySQL超大分页怎么处理?

系列文章目录 在MySQL中,如何定位慢查询? 发现了某个SQL语句执行很慢,如何进行分析? 了解过索引吗?(索引的底层原理)/B 树和B树的区别是什么? 什么是聚簇索引(聚集索引)和非聚簇索引…

护眼台灯哪个品牌质量比较好?五大优质护眼台灯推荐!

护眼台灯作为近年来最受欢迎的灯具之一,它不仅可以提供充足明亮的光照,光线环境,从而减少眼睛的负担和疲劳,还能够实现预防近视的效果,所以很多家长都会给孩子准备护眼台灯。但也有不少朋友觉得护眼台灯是名副其实的智…

【JavaEE】_HttpServletRequest类

目录 1. 核心方法 2. 简单方法使用实例 HttpServletRequest表示一个HTTP请求; 1. 核心方法 方法描述① String getProtocal()返回请求协议的名称和版本 ② String getMethod() 返回请求的HTTP方法的名称,如GET、POST或PUT③ String getRequestURI()从…

WampServer环境下载安装并结合内网穿透实现远程访问管理界面

文章目录 前言1.WampServer下载安装2.WampServer启动3.安装cpolar内网穿透3.1 注册账号3.2 下载cpolar客户端3.3 登录cpolar web ui管理界面3.4 创建公网地址 4.固定公网地址访问 前言 Wamp 是一个 Windows系统下的 Apache PHP Mysql 集成安装环境,是一组常用来…

开源MBG----renrenGenerator

目录 1.克隆项目到本地 2.编辑数据库连接 3.定义生成的代码模版 4.验证生成结果 5.多说一句 项目简介:人人开源项目的代码生成器,可在线生成entity、xml、dao、service、vue、sql代码,减少70%以上的开发任务。 项目地址:ren…