| title | authors | intro | types | categories | published | updated | status | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
How do I remove the faint Line around HTML5 Video in IE9? |
|
When you select a video by clicking, stop, pause o... |
|
|
2011/12/07 12:00:00 |
2011/12/07 13:00:00 |
archived |
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 http://jsfiddle.net/thebeebs/yRHgW/1/