mediaelement.js (2.16.4) 焦点元素周围出现边框答案

【问题标题】：border appearing around mediaelement.js (2.16.4) focused elementmediaelement.js (2.16.4) 焦点元素周围出现边框
【发布时间】：2015-05-19 05:15:53
【问题描述】：

当播放视频/音频时，我看到 MediaElement.js 视频和音频元素周围出现边框（在某些情况下，移除焦点时边框不会消失，但这是一个较小的问题当下）。我在 Safari、Chrome 和 Firefox 中看到了这个问题——无论出于何种原因，在 IE 中都没有。该问题出现在我在下面包含的代码中，但它没有出现在 MediaElement.js 主页上：

http://mediaelementjs.com

我认为这意味着它是 CSS 的东西，但我很困惑为什么它不会成为默认 MEJS 皮肤 CSS 的一部分。希望我只是在做一些愚蠢的事情。帮忙？

<!doctype html>

<head>
    <link rel="stylesheet" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">      
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <link  href="mediaelement-2.16.4/mediaelementplayer.css" rel="stylesheet">
    <script src="mediaelement-2.16.4/mediaelement-and-player.min.js"></script>
    <script>
        jQuery(document).ready(function() {
            jQuery('video,audio').mediaelementplayer();
        });
    </script>       
</head>
<body>
    <video src="sample.mp4" poster="mountain.jpg" width="640" height="264"></video>
    <hr>
    <audio src="sample.mp3" preload="auto">
</body>

【问题讨论】：

标签： mediaelement.js

【解决方案1】：

是的，所以我想通了（不好意思地低着头）。

MediaElement 网站正在使用包含此行的 CSS 重置：

:focus { 大纲: 0; }

...显然，这会消除焦点。有点奇怪，现在我正在考虑它，这条线不是 MediaElement CSS 的一部分。我无法想象有人想要这种行为......

【讨论】：