css - 在 firefox 和 safari 之间保持一致的提交按钮样式？

Question

所以我有一个使用以下 CSS 设置样式的提交按钮:

#search_submit {
    width:150px;
    font-size:1.5em;
}

在 safari 中它看起来像这样:

在 Firefox 中它看起来像这样:

我想让字体显示在 1.5em 上，就像在 firefox 中一样，但我想保持 safari 中存在的圆 Angular (在 firefox 中消失，只有当我添加了 font-size:1.5em

我在某处读到，最好使用 em 来支持跨浏览器？不是这样吗？

Answer 1

为字体大小使用 em 不一定对跨浏览器支持“更好”。因其可扩展性而被推荐，但它可能并不总是具有使用像素的一致性(正如他们所说的像素完美......)

让按钮在 firefox 和 safari 之间看起来一样并不难。没有查看页面的链接，很难说出为什么您的页面如此不同，我猜您的页面上还有其他 css 样式会影响您的按钮。