html - 防止在 Chrome 中突出显示 div

Question

我正在使用以下内容显示视频，使用视频标签嵌入视频并具有 Flash 后备。在 Chrome 中，当我单击播放视频时，它会在橙色框中勾勒出视频。

<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

将 css 属性设置outline为none您的 div （或视频，我不知道概述了哪个元素）样式属性或样式表。

#slide0,#video0
{
   outline: none;
}