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

Question

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

（（对于那些想知道;标题的意思是“搜索”））

---

我前段时间搜索过，但是用“虚线”代替“点缀”，因此没有找到任何东西。我现在用“点缀”搜索并发现this，对不起，但有没有办法改变这个边界的颜色？ （我认为这只适用于firefox？）

Answer 1

那是outline

您可以这样更改：

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

Answer 2

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

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

Answer 3

我很抱歉没有明确这个问题：这是在点击它时发生的，我尝试过outline-attribute，但是讨厌的Firefox不会接受它。通过在另一个帖子中阅读一点，我找到了answer：

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

Answer 4

根据评论：

  

您是否意识到这种方式您无法通过键盘导航找到该按钮？

     

不，我不是，我认为：积极活动会启动并节省我的一天，但显然没有。你知道任何解决方案吗？

考虑

onclick="this.blur();"