html - 删除原始边框时如何删除按钮的蓝色突出显示？

Question

当你点击一个没有原始边框的按钮时，我不想要蓝色边框，这是 HTML:

<div id="buttonholder" style="border 1px solid black">
    <button id="previous">&lt; Previous round</button>
    <button id="next">Next round &gt;</button>
    <button id="current">&gt; Current round&lt;</button>

    <div style="font-size: 0;">
        <form id="inputfield" name="inputfield">
            <input type="inputfield" value="Search for round here...">
            <input type="button" value="Go">
        </form>
    </div>

    <div id="displayround">
        1/38
    </div></button>
</div>

如果我需要发布整个 CSS 让我知道，只需将它添加到 html 中以使其简短。

Answer 1

至少在 Chrome 中，蓝色边框是 focus 伪类的结果，而不是 active。

在该选择器中设置 outline: none 它将消失:

button:focus, input[type="button"]:focus {
    outline: none;
}