html - 如何在 CSS 中设置按钮字体的样式？

Question

更新:看来，我在这个问题中描述的问题只影响 OS X 浏览器。

我想像这样或多或少地更改 CSS 中输入按钮的 font 样式:

input[type="button"]
{
    font: italic bold 3em fantasy;
}

不幸的是，这在 OS X 上的 Chrome、Safari 和 Opera 中效果不佳，除非我还更改了默认的 background-color，这是我不想要的做。

请参阅此处:http://jsfiddle.net/S7y5B/

所以我的问题很简单:如何在不更改背景颜色的情况下以所有浏览器都能理解的方式更改按钮的字体？在上面的 JsFiddle 示例中，我想让 Button 1 看起来像 Button 2，但背景颜色不变。如何做到这一点？

Answer 1

在摆弄它之后，尽管对它们进行了正常的样式设置，但 OSX 似乎会更改按钮。 height(即使元素设置为 display:block)、任何 font 属性和 padding 等属性都是没有渲染。要查看实际样式，元素的 border 或 background 必须设置样式。

似乎 color 和 width 属性呈现正常。