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

Answer 2

你的问题有点模糊，但请尝试“outline：none;”

Answer 3

由大多数浏览器默认设置outline状态:active属性的样式

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

Answer 4

我认为您正在寻找的是使用：在您的CSS中访问过。

如果是锚标记，请尝试

a:visited {
   text-decoration: none;
   border: none;
   color: black; /* change to your desired color */
}

当您移除原始边框时，如何在按下按钮时删除按钮的蓝色突出显示？

4 个答案: