如何刪除Video.js播放器模板上的按鈕發光

Question

我一直在修改默認的video.js template，並且想要移除懸停時按鈕「發光」。我已經嘗試在CSS中爲幾個類添加一個簡單的box-shadow: none !important，但沒有運氣。

有沒有另外一種方法我應該這樣做？

謝謝。

Answer 1

發光是text-shadow。

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { 
    text-shadow: none; 
}