Mac OS X上的網頁控件

看起來像<input><select>和<button>這樣的控件不受像CSS等屬性（如font-size（以及其他））的影響。但是，字體大小實際上可能與我看到的不同，但如何控制它呢？Mac OS X上的網頁控件

例如，我希望font-size和font-family對於普通文本和控件都是相同的。怎麼做？

如果你有一個解決方案，試圖將它基於這個例子：http://jsfiddle.net/uff8q/2/

UPD我說的是Mac OS X的（我試過Chrome和Safari）

2011-03-05 Halst

火狐/ Windows 7中：HTTP：//i.imgur .com/mBx4B.png/http://jsfiddle.net/thirtydot/uff8q/3/ - 我不認爲我可以幫你:)對我來說它已經看起來一樣了。 – thirtydot 2011-03-05 18:16:52

你的例子工作得很好。你使用的是什麼瀏覽器？你可以像正在做的那樣改變**的字體大小** – krtek 2011-03-05 18:17:48

只要你知道，我之前的例子也適用於Windows中的Chrome/Safari，所以它看起來只是一個Mac OS X的東西。 – thirtydot 2011-03-05 18:32:43

這取決於瀏覽器。

<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>

和畫面：

enter image description here

來源

2011-03-05 18:21:40

如何控制這三種尺寸？ – Halst 2011-03-05 18:35:22

Mac OS X上的網頁控件

回答

相關問題