user1661677 user1661677 - 2 months ago 10
CSS Question

How to remove button glow on Video.js player template

I've been modifying the default video.js template, and would like to remove the button 'glow' on hover. I've tried adding a simple

box-shadow: none !important
to several classes in the CSS, with no luck.

Is there another way I should be going about this?

Thank you.

Answer

The glow is a text-shadow.

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