Video.jsプレーヤーテンプレートのボタンの輝きを取り除く方法

Question

私はデフォルトのvideo.js templateを変更していて、ホバー上のボタン「グロー」を削除したいと考えています。私は単純なbox-shadow: none !importantをCSSのいくつかのクラスに追加しようとしましたが、運はありません。

これについて別の方法がありますか？

ありがとうございます。

Answer 1

グローはtext-shadowです。

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