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

【问题标题】：Change color of dotted border on button更改按钮上虚线边框的颜色
【发布时间】：2010-12-25 11:36:04
【问题描述】：

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

((对于那些想知道的人；标题的意思是“搜索”))

我前段时间搜索过，但使用“虚线”而不是“点”，因此一无所获。我现在用“dotted”搜索，发现this，对不起，有什么办法可以改变这个边框的颜色吗？（我认为这只适用于Firefox？）

【问题讨论】：

【解决方案1】：

那是outline

你可以这样改：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

很抱歉，我不清楚这个问题：这是在单击它时发生的，我尝试了大纲属性，但讨厌的 Firefox 不接受它。通过阅读其他线程，我找到了answer：

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

【讨论】：

【解决方案4】：

根据 cmets：

您知道这样您就无法再通过键盘导航找到按钮了吗？

不，我不是，我认为 :active-event 会启动并挽救我的一天，但显然没有。你知道有什么解决办法吗？

考虑

onclick="this.blur();"

【讨论】：