更改按钮上的虚线边框的颜色

Question

我在其中一个表单中的按钮有问题，当用户单击该按钮时，它内部显示了这个黑色的虚线边框。 我想删除它，但我不知道如何。 我尚未在CSS中设置此边框...

（（对于那些想知道的人，标题意味着“搜索”））

---

我前段时间进行了搜索，但是用“虚线”代替“虚线”，因此一无所获。 我搜索与“虚”现在，发现这个 ，对不起，但没有任何办法来改变这种边框的颜色？ （我认为这仅适用于Firefox？）

Answer 1

那是outline

您可以这样更改：

button {
    outline: 3px dashed #f0f;
    /* or, just the colour */
    outline-color: #f0f;
}

Answer 2

那是由outline CSS属性控制的。 要删除它，请将以下规则（或类似规则）添加到样式表中：

button.search {
    outline: none;
    -moz-outline: none; /* Firefox 1.0 and earlier, if you care */
}

Answer 3

对于这个问题我不清楚，很抱歉：单击此按钮时发生了这种情况，我尝试过使用分级显示属性，但讨厌的Firefox不接受。 通过在另一个线程中阅读一些内容，我找到了答案 ：

button::-moz-focus-inner { border: 0; }

Answer 4

根据评论：

您是否知道通过键盘导航无法再找到该按钮？

不，我不是，我认为：active-event会开始并保存我的一天，但是显然没有。 你知道什么解决方案吗？

考虑

onclick="this.blur();"