Question

我正在使用以下内容向视频展示使用视频标记的嵌入视频，并具有闪回后备功能。在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

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

#slide0,#video0
{
   outline: none;
}

防止Chrome中的div突出显示

1 个答案: