如何爲CSS <select>所以每個選項的寬度與其內容一樣長

Question

我試圖讓選項下拉菜單後面沒有框，並且每個選項（包括頂部的選定選項）都具有背景只要它的寬度。這是我到目前爲止，這並不在所有的工作：

.dropdownInline{ 
     border: 0px !important; 
     color: #E17841; 
     padding: 0px; 
     -webkit-appearance: none; 
     -moz-appearance: none; 
     background: #fff; 
     background-position: 78px 10px; 
     width: 100px; 
     text-indent: 0.01px; 
     text-overflow: ""; 
     font-family: aleo; 
     font-size: 33px; 
    display: inline-block; 
    outline: 0px; 
    width: ??? ; 
} 

Answer 1

你想達到類似這樣的FIDDLE?

什麼，如果是的，你可以使用appearance:none，但它只是支持鉻，ff和safari。

select{ 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none; 
    background-color:#eee; 
    border:none; 
}