css – -moz-focus-inner

在另一个问题中,我询问一下这个给我的回答关于firefox是一个诡计的问题.它的工作,但它已经留下了酸味在我的嘴里,我会解释为什么.

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

Opera(本例中为10),Firefox(3为此示例)和Internet Explorer(7为此示例)都以不同的方式显示输入[type =“submit”]按钮.这个focus-inner属性在Opera 10上默认为0,对于firefox为5px,对于Internet Explorer而言必须为6px.

我如何“毯子”将它们全部重置为0？有没有一个标准的CSS调用,不仅会做上述,而且会为IE设置这个隐藏的属性？

解决方法

这样做的原因很简单：因为这些浏览器都是由不同的人制作的.例如,尝试从Safari查看您的按钮.没有一个css规则会强制所有主流浏览器中的所有按钮看起来都一样.

那么,实际上你可以实现像素完美,如果你像个人一样对待每一个人,像this.你可以随时使用< input type =“image”>这样做会让人难以置信.