在另一个问题中,我询问一下这个给我的回答关于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.
解决方法
这样做的原因很简单:因为这些浏览器都是由不同的人制作的.例如,尝试从Safari查看您的按钮.没有一个css规则会强制所有主流浏览器中的所有按钮看起来都一样.
那么,实际上你可以实现像素完美,如果你像个人一样对待每一个人,像this.你可以随时使用< input type =“image”>这样做会让人难以置信.