Prévention de la mise en surbrillance div Mise en surbrillance dans Chrome

Question

J'utilise ce qui suit pour afficher une vidéo et intégrer une vidéo à l'aide de la balise vidéo. Dans Chrome, lorsque je clique pour lire la vidéo, la vidéo est encadrée dans une zone orange.

<div id="slide0" style="display:block; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; user-select: none; width: 960px; height: 456px;"> 
    <video id="video0" poster="poster.jpg" controls="controls" preload="auto" width="960" height="453"> 
     <source type="video/mp4" src="video.mp4" /><source type="video/webm" src="video.webm" /> 
    <object width="960" height="453" type="application/x-shockwave-flash" data="resources/videos/flashmediaelement.swf"> 
     <param name="movie" value="resources/videos/flashmediaelement.swf" /> 
     <param name="flashvars" value="controls=true&amp;file=video.mp4" /> 
    </object> 
    </video> 
</div> 

Answer 1

Définissez la propriété css outline-none dans votre div attribut de style (ou vidéo, je ne sais pas quel élément est décrit) ou votre feuille de style.

#slide0,#video0 
{ 
    outline: none; 
}