Html 单击删除虚线边框

我使用这个CSS来删除当点击超链接时出现的虚线边框

a:active, a:focus, input {
    outline: 0;
    outline-style:none;
    outline-width:0;
}

---

这工作正常，但对有背景图像的输入按钮不起作用。

工作不正常。这使得没有鼠标就无法浏览设计

---

请参阅以获取合理的折衷方案。

您可以添加一个

onclick:blur（）

这样它就可以让选项卡保持愉快，并且在单击时不会破坏设计

但作为记录，这似乎在跨浏览器中起作用。IE的第一部分，FF的第二部分：

input, input:active, input:focus{
    outline: 0;
    outline-style:none;
    outline-width:0;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

---

您需要类来区分哪些链接有虚线边框，哪些没有。使用img选择器是不够的

---

设置输入标记的样式，使其没有虚线边框；如果您有多个样式（清除、提交、取消等），您甚至可以使用一个类作为输入按钮。

我不该质疑您的设计决策，所以请看这里

只需将此添加到任何要删除虚线的链接

onfocus="if(this.blur)this.blur()"

---

本文中的解决方案与我正在使用的相同，但我的问题是它不适用于带有背景图像的输入按钮。