在下拉菜單中更改字體大小

我試圖在窗體中設置一些窗體的下拉菜單。我在設計這些物品時遇到了麻煩。在下拉菜單中更改字體大小

我已經打過電話這樣

.writerBox select option{ 
    height:2em; 
    font-size:2em; 
}

選擇，然後選項，我曾嘗試只是打電話的選擇。有什麼我在這裏失蹤或使字體變大的技巧？

我已經成立了一個jsFiddle玩。任何幫助將是美好的！

2013-07-11 zazvorniki

我看了看，答案是創建一個div，然後是ul列表。如果可能的話，我想堅持選擇菜單。我有動態信息進來。 – zazvorniki

你不相信這些答案，因爲？ :-) – isherwood

「不幸的是，你問的是使用純CSS不可能的。」 – isherwood

只需將選擇的字體大小爲百分比大於100

select{ 
    font-size: 130%; 
}

2013-07-11 18:45:06 Scottzozer

這不適用於safari或chrome雖然 – zazvorniki

在鉻中工作，因爲這是我測試它的地方 – Scottzozer

它在Firefox和IE中工作 – Scottzozer

如果你正在談論改變選擇的字體作爲一個整體，這是不行的：

.writerBox select{ 
    font-size:60px; 
}

2013-07-11 18:45:57 aldux

這在safari或chrome中都不起作用 – zazvorniki

您的問題存在一些奇怪的現象......這可以在所有瀏覽器中工作，如上面的答案。這是否適合你：http://jsfiddle.net/f3G2S/？ – aldux

@zazvorniki - 我剛剛在Chrome中進行了測試，確實改變了選項的字體大小，但它也改變了選定字體的大小（關閉列表時可見）。也許你期待着不同的行爲？ – Shauna

回答