【发布时间】：2013-07-02 10:04:40
【问题描述】：
我在尝试使搜索按钮在 Firefox 上看起来不错时遇到问题。这是一个由标志性字体、白色背景和边框半径组成的输入提交，如下所示：
display: block;
width: 60px;
height: 60px;
line-height: 60px !important;
padding: 0;
background: white;
border: 0;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
font-family: 'iconic';
color: #bad104;
font-size: 5em;
它必须看起来像这样（chrome 和 IE 完美呈现我的代码）：http://img341.imageshack.us/img341/6590/kogy.png
但是当我在 Firefox 上使用相同的代码时，我得到的是：http://img17.imageshack.us/img17/953/jms4.jpg
我在两个浏览器上查看了 dom 检查器，当我查看“计算值”时，它不会在 chrome（行高：60px）和 firefox（行高：67px）上呈现相同的东西。
我从现在开始尝试的一切都失败了：/我希望你们能给我一些帮助:)
谢谢！
【问题讨论】：
-
@Roopendra CSS 与 HTML5 有什么关系？ HTML5 并不是什么神奇的东西，CSS 会突然出现不同的行为。
标签： html css google-chrome firefox icon-fonts