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

【问题标题】：Blue border around video file in wordpresswordpress中视频文件周围的蓝色边框
【发布时间】：2015-07-24 15:00:14
【问题描述】：

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

我尝试更改主题 style.css、bootstrap.css 甚至 wp-mediaelements.css，其中我尝试了边框：无和边框：0px 选项。没有任何效果。

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

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

感谢大家的帮助。

【问题讨论】：

我建议向我们展示一些代码
你的 HTML 是什么？您尝试为哪些元素设置border: 0;？
这也可以是一个大纲，这对设备上没有鼠标的人很有帮助（按 Tab 会显示这些大纲。甚至我当前输入的 textarea 也有）
添加到@DouwedeHaan，大纲通常应用于:focus。您可以为其设置颜色（分别为轮廓和轮廓颜色）。
我正在尝试更改主题的设置。因为在我的网站上，我使用的是我发布的 wordpress 视频。所以我试图在这里改变 wp-includes/js/mediaelements/wp-mediaelements.css： .wp-video { max-width: 100%;高度：自动；左边距：自动；边距右：自动；边距顶部：35px；大纲：无！重要；边框：0px！重要； }

【解决方案1】：

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

#video {
    outline: none;
}

【讨论】：

【解决方案2】：

这个问题已经解决了

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

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

感谢大家的帮助。

【讨论】：

【解决方案3】：

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

border: none !important ;

或

border: 0px !important;

【讨论】：

【解决方案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)
}

【讨论】：