How do I remove the faint Line around HTML5 Video in IE9?

When you select a video by clicking, stop, pause or play you will see a faint line appear around the video element. This line is intentional so that people navigating your site with a keyboard can see which element them have selected. It’s possible to remove the outline by using the following CSS:

video {outline: 0;} 

However, it probably isn’t a good idea since you will be making your site less accessible and more complicated for keyboard users. Here is a sample of the code in action

Comments (0)

Skip to main content