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

Question

当播放 video/audio 时，我看到 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>

Answer 1

对，所以我想通了（害羞地低下头）。

MediaElement 站点正在使用 CSS 重置，其中包括此行：

:focus { 大纲: 0; }

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

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

border appearing around mediaelement.js (2.16.4) focused element

mediaelement.js