如何移除 Video.js 播放器模板上的按钮发光

Question

我一直在修改默认 video.js template，并想删除悬停时的按钮 'glow'。我试过在 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;
}