-2

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.

user1661677
  • 1,252
  • 5
  • 17
  • 32

1 Answers1

0

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;
}
misterben
  • 7,455
  • 2
  • 26
  • 47