wordpress中视频文件周围的蓝色边框

Question

我想请你帮忙。我正在使用 Word press 4.2.2 并在我的页面上插入视频。但是当我点击它时，它周围会出现蓝色边框。

我尝试更改主题 style.css、bootstrap.css 甚至 wp-mediaelements.css 我尝试了 border: none 和 border:0px 选项。没有任何效果。

在IE中是可以的，但是FF，Chrome，Safari和Opera仍然显示那个边框。

有人可以提出解决此问题的建议吗？

感谢大家的帮助。

Answer 1

在特定 class 的 style.css 文件上尝试此操作：

border: none !important ;

或

border: 0px !important;

Answer 2

在您的 CSS 中将 outline 设置为 none。

#video {
    outline: none;
}

Answer 3

此问题已解决

*:focus{
   background: none;
   border: 0px;
   outline: none;
}

当我使用这个时，蓝色边框消失了。有关 Focus 的更多信息：http://www.w3schools.com/cssref/sel_focus.asp

感谢大家的帮助。

Answer 4

我在以下位置找到它： /wp-includes/css/media-views.min.css

.mejs-container:focus {
    outline:1px solid #5b9dd9;
    box-shadow:0 0 2px 1px rgba(30, 140, 190, .8)
}

Blue border around video file in wordpress