user1661677 user1661677 - 1 year ago 69
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 Source

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;