Mac OS X 上的网页控件答案

【问题标题】：Web-page controls on Mac OS XMac OS X 上的网页控件
【发布时间】：2011-03-06 03:02:14
【问题描述】：

看起来像 <input> <select> 和 <button> 这样的控件不能受到诸如 font-size （和其他一些）等 CSS 属性的影响。但是，我看到的font-size实际上可能会有所不同，但是如何控制呢？

例如，我想让普通文本和控件的 font-size 和 font-family 相同。该怎么做？

如果您有解决方案，请尝试基于此示例：http://jsfiddle.net/uff8q/2/

UPD 我说的是 Mac OS X（我试过 Chrome 和 Safari）

【问题讨论】：

Firefox / Windows 7: i.imgur.com/mBx4B.png / jsfiddle.net/thirtydot/uff8q/3 - 我想我帮不了你 :) 对我来说已经一样了。
您的示例运行良好。你使用的是什么浏览器？您可以像您正在做的那样完全更改字体大小
请注意，我之前的示例也适用于 Windows 的 Chrome/Safari，所以看起来它只是 Mac OS X 的东西。

标签： html css macos

【解决方案1】：

这取决于浏览器。

<input> 项目可以在任何浏览器中完全设置样式。您可以更改字体、大小和颜色。
<select> 项目可以在 Firefox 中完全设置样式，但不能在 Safari/Chrome 中设置。您不能对字体进行太多更改 - 只有三种尺寸。

更新：以下是您可以使用 WebKit 获得的三种尺寸：

<select style="font-size: 10px;">
<option>Foobar</option>
</select>

<select style="font-size: 11px;">
<option>Foobar</option>
</select>

<select style="font-size: 16px;">
<option>Foobar</option>
</select>

还有一张照片：

【讨论】：

这三种尺寸如何控制？