拆卸点击

Question

虚线边框我使用这个CSS删除被点击

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

这是工作正常，但其有背景图像输入按钮不起作用的超链接时出现虚线边框。

Answer 1

这不是我的地方，怀疑你的设计决策，所以在这里你去。

只需添加这对任何链接的，你要删除的虚线

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

Answer 2

它工作不正常。这使得无法在没有鼠标的情况下导航设计变得不可能。

请参阅http://24ways.org/2009/dont-lose-your-focus进行合理的折衷。

Answer 3

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

Answer 4

您需要等级来区分哪个环节有虚线边框，哪些没有。使用img选择器是不够的。

样式输入标签不具有虚线边框;你甚至可以用一类的输入按钮，如果你有一个以上的风格（清除，提交，取消等）