通過(guò)css修改video標(biāo)簽的原生樣式

描述

修改video標(biāo)簽的原生樣式

實(shí)現(xiàn)

在控制臺(tái)中打開(kāi)設(shè)置，勾選顯示用戶代理 shadow DOM，就可以審查video標(biāo)簽的內(nèi)部樣式了

箭頭處標(biāo)出來(lái)的就是shodow DOM的內(nèi)容，這些內(nèi)容正常不可見(jiàn)的，只有勾選了才會(huì)顯示

• 我們知道了結(jié)構(gòu)之后，就可以通過(guò)css來(lái)設(shè)置樣式了
• 將時(shí)間修改為紅色樣式

拿到pseudo的值設(shè)置樣式

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

結(jié)果

到此這篇關(guān)于如何通過(guò)css修改video標(biāo)簽的原生樣式的文章就介紹到這了,更多相關(guān)css修改video標(biāo)簽內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論