HTML選擇字體大小

我在OS X Safari和Chrome上設置HTML <select>字體大小時遇到問題。基本上這個屬性被忽略了，除非我放大或縮小，在這種情況下，這個屬性被魔法識別。任何人看過相同的東西/知道解決方法？適用於OS X Firefox，這使我認爲這是一個Webkit問題。HTML選擇字體大小

來源

2011-03-17 Justin

你可以發佈你的代碼和/或提供一些截圖嗎？ – slhck 2011-03-17 22:12:26

您可能必須使用-webkit-appearance：none關閉默認樣式;' – drudge 2011-03-17 22:44:40

你需要關閉默認OS造型搭配：-webkit-appearance: none;
（如果你正在做一個高度風格的下拉列表中，這基本上是一個完整的風格復位）

Live Demo

您也可以嘗試：-webkit-appearance: menulist-button;
（雖然我不知道樣式效果將如何彼此影響這一個。）

來源

2011-03-17 22:54:10 drudge

修復了Safari，並未修復Chrome！ – Justin 2011-03-18 19:28:31

@Justin：它應該修復Chrome ..也許你可以發佈你的代碼，以便我們可以看到到底發生了什麼，而不是猜測？此外，[此鏈接]（http://www.electrictoolbox.com/style-select-optgroup-options-css/）解釋了哪些CSS屬性受支持。 – drudge 2011-03-18 19:38:16

我撒謊了。 Chrome已修復。花了一段時間才能正確部署文件。非常感謝。 – Justin 2011-03-18 20:05:05

我只是碰到了這個問題，以及時，發現比-webkit-外觀更好的解決方案：無（其沒有額外的造型對我來說看起來笨重）。如果設置了邊框顏色，則可以在保持標準Webkit外觀的同時增大字體大小。

select { 
    font-size:1.2em; 
    border-color:#999; /* without this, it won't work */ 
}

很愚蠢的，但至少它工作，並在Chrome和Safari。

來源

2012-08-08 16:50:38 wtbgtr

這應該是正確的答案 – 2013-01-30 15:41:46

我很想理解這個推理。 – 2013-02-08 01:11:52

如果您不想調整默認邊框，還可以添加透明陰影： 'font-size：18px; -webkit-box-shadow：0 0 0透明; box-shadow：0 0 0 transparent;' – allicarn 2013-12-18 13:42:15

HTML選擇字體大小

回答

相關問題