问题单击时删除虚线边框

我正在使用此CSS来删除单击超链接时出现的虚线边框

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

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

7888

2017-12-09 15:53

起源

答案:

这不是我质疑你的设计决定的地方，所以你走了。

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

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

2017-12-10 01:30

+1 @ user48202你有这个css解决方案吗？ :) - Roy Lee

答案:

这不是我质疑你的设计决定的地方，所以你走了。

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

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

2017-12-10 01:30

+1 @ user48202你有这个css解决方案吗？ :) - Roy Lee

它工作不正常。没有鼠标就无法导航设计。

看到 http://24ways.org/2009/dont-lose-your-focus 为了合理的妥协。

2017-12-09 15:58

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

你可以添加一个 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;
}

2017-12-09 16:09

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

将输入标签设置为没有虚线边框;如果您有多种样式（清除，提交，取消等），您甚至可以使用类作为输入按钮

2017-12-09 17:17

问题 单击时删除虚线边框

答案:

答案:

热门问题

问题单击时删除虚线边框