在视频文件附近的蓝色边界在wordpress

Question

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

我尝试更改主题style.css，bootstrap.css甚至wp-mediaelements.css，其中我尝试使用border：none和border：0px选项。什么都行不通。

在IE浏览器中它没问题，但FF，Chrome，Safari和Opera仍然显示边界。

有人可以提出如何解决这个问题的建议吗？

谢谢大家的帮助。

Answer 1

在CSS中将outline设置为无。

#video {
    outline: none;
}

Answer 2

解决了这个问题

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

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

谢谢大家的帮助。

Answer 3

在该特定类的style.css文件中尝试此操作：

border: none !important ;

或

border: 0px !important;

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)
}