Chrome瀏覽器：選擇字段字體大小和字體系列忽略樣式表

在Chrome中，表單'select'字段的字體大小和字體系列不符合預期的css規則。Chrome瀏覽器：選擇字段字體大小和字體系列忽略樣式表

我的樣式表聲明font-family應該是'Open Sans'，字體大小應該是14px。但是，它正在恢復爲'Lucida Grande'和11px。

Chrome的開發者工具這張截圖概括起來 - 國家選擇字段是有問題的項目：

form select font issue http://oi57.tinypic.com/33063b6.jpg

以下未解決的問題：

html, body, input, select, textarea, button { 
    font-family: 'Open Sans', sans-serif; 
    font-size: 13px; 
}

有趣的是，它只在我的機器上執行此操作（mac迷你小牛隊）;在同一瀏覽器上測試其他人（Windows 7/8）不會導致錯誤。有沒有人處理過這個問題？是否有必要覆蓋默認值的設置？

來源

2014-03-06 corg

一種近solutionis使用以下增加字體大小爲13像素Mac上 - 但是這導致了大規模的48像素的Windows：

select { 
    font-size: -webkit-xxx-large; 
}

另外，以下將重置對菜單列表外觀的一切，從頭（字體大小/家庭採取CSS規則或繼承）建立：

select { 
    -moz-appearance: none; 
    -webkit-appearance: none; 
}

理想情況下，簡單的字體調整將不需要對菜單列表重置一切......

來源

2014-03-06 19:05:55 corg

只要CSS的級聯方面出現意想不到的情況，並且顯然不是開發人員引入的錯誤，那麼很可能與!important命令有關。有人可能會在CSS的某些早期版本中應用!import。嘗試將其應用於您的樣式以查看它是否有效。

來源

2014-03-12 13:26:52

Thx的提示 - 壽我已經試過，已經無濟於事了 – corg

！重要的指令不是這裏的問題。我能夠在我的樣式表中的任何位置重現相同的問題，而不是單個重要的指令。事實上，即使將字體系列樣式直接應用到元素，我也可以在Chrome DOM檢查器中重現此問題。無論指定SELECT元素使用哪種字體系列，它總是使用「Lucida Grande」。這絕對看起來像一個錯誤。 – natlee75

Chrome瀏覽器：選擇字段字體大小和字體系列忽略樣式表

回答

相關問題