防止div在Chrome中高亮顯示

我正在使用以下內容來使用視頻標記顯示嵌入視頻並具有閃回回退功能。在Chrome中，當我點擊播放視頻時，它將視頻以橙色框框出。防止div在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>

來源

2012-04-26 ENev

在你的DIV設置CSS屬性outline到none（或視頻，我不知道哪個元素概述）樣式屬性，或者你的樣式。

#slide0,#video0 
{ 
    outline: none; 
}

來源

2012-04-26 18:19:48 mamadrood

當我點擊視頻時仍然有輪廓。我非常確定這是視頻元素，因爲我有其他div，名爲slide1，slide2等等，不會突出顯示。 – ENev 2012-04-26 18:32:35

在這裏，當我把'outline：none'放在視頻元素中時，突出顯示似乎消失了。 http://jsfiddle.net/5H7Tj/ – mamadrood 2012-04-26 18:34:22

我只需要清除緩存。謝謝你的幫助。 – ENev 2012-04-26 19:18:22

防止div在Chrome中高亮顯示

回答

相關問題