選擇框選項的邊框底部不能在鉻上工作

Question

我想在select框中選擇underline禁用選項。見我的代碼，

CODE

#myselect option { 
 
    font-size: 13px; 
 
    color: #1A1F24; 
 
} 
 
#myselect option:disabled { 
 
    font-size: 11px; 
 
    color: #ABB6C0; 
 
    border-bottom: 1px solid #ABB6C0; 
 
}

<select id="myselect"> 
 
    <option value="1">One</option> 
 
    <option value="2" disabled>Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
</select>

此代碼工作正常在Firefox。不在鉻中工作。如何在鉻合金上工作？

JS Fiddle

Answer 1

根據這一Article從ElectricToolbox，border這是不是說你可以在select/option/optgroup風格使用Chrome時的屬性。

這裏是你的風格屬性：

• font-style
• font-weight
• color
• background-color
• font-family
• font-size
• padding

注意：某些這些性能上面只工作一個元件，例如，padding僅將在select

工作

如果你想定製selects你可能想嘗試一些選擇的插件在這裏，如：

• Bootstrap Select
• Select2

Answer 2

它看起來像你只能用邊框option元素在Firefox根據this。

您需要創建自定義下拉列表控件才能實現通用解決方案。查看Custom Drop-Down List Styling的一些例子。