user1661677 user1661677 - 1 year ago 110
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;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download