-1

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

我想font在 CSS 中或多或少地改变我的输入按钮的样式，如下所示：

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

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

见这里：http: //jsfiddle.net/S7y5B/

在此处输入图像描述

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

4

3 回答 3

2

在摆弄它之后，尽管对它们进行了正常的样式设置，但似乎 OSX 会更改按钮。诸如height（即使元素设置为display:block）、任何font属性之类的属性padding都不会呈现。要查看实际样式，元素的border或background必须设置样式。

似乎colorandwidth属性渲染正常。

于 2013-08-09T20:31:36.603 回答
0

截屏

你的按钮看起来是一样的。

编辑 OS.X 铬： 在此处输入图像描述

于 2013-08-09T20:21:59.870 回答
0

好的，我自己想通了。我正在使用

-webkit-appearance: button;

按钮内的文本现在以预期的字体呈现，无需设置背景颜色。边界看起来仍然有些不同，但这是另一个问题。

JSsFiddle：http: //jsfiddle.net/S7y5B/18/

在此处输入图像描述

于 2013-08-13T06:46:06.873 回答