How to remove button glow on Video.js player template

Question

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 1

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;
}