Html 从按钮上移除辉光

如何删除按钮周围的光晕？我好像在这里找不到。代码已从其他资源复制。多谢各位

<div class="row clearfix">
   <div id='media-controls' style="width:100%; height:60px; text-align:center;">
   <button id='play-pause-button' title='play' onclick='togglePlayPause();'>Play</button>
    </div>
</div>

---

您必须将此项添加到按钮：

outline: 0;

---

要移除按钮周围的光晕，可以使用以下css：

box-shadow:none;

---

我看不到一片光明。这是什么样的光？你在说什么光？我在JSFIDLE中的按钮中找不到任何辉光，你能提供一个屏幕截图吗？你是否尝试将标记替换为？@josh嗯，单击按钮后，出现灰色阴影辉光。你可以看到它不是框阴影或其他任何东西。它是一些浏览器默认使用的焦点提纲。

box-shadow:none;