每個選擇元素的背景圖像選擇下拉列表

我已經爲我的表單的每個元素設置了樣式類，但是爲表單下拉菜單設置了相同的背景卻給了我一個錯誤..您可以看到菜單的外觀其下降what it looks like http://justni.com/booking.png 每個選擇元素的背景圖像選擇下拉列表

.input_field{ 
    background-image:url('imgs/fieldbg.png'); 
    background-repeat:no-repeat; 
    border:0px; 
    width:465px; 
    height:46px; 
    padding-left:20px; 
    font-family:'Conv_lt_21019',Sans-Serif; 
    color:#FFFFFF; 
    font-size:22px; 

} 
select { -webkit-appearance: none; } 

.input_field option{ 
    background-image:url('imgs/fieldbg.png'); 
    background-repeat:no-repeat; 
    border:0px; 
    width:465px; 
    height:46px; 
    padding-left:20px; 
    font-family:'Conv_lt_21019',Sans-Serif; 
    color:#FFFFFF; 
    font-size:22px; 

}

這是我的html！

<select name="wave" class="input_field"> 
<option value="0">1</option> 
<option value="1" selected="selected">2</option> 
<option value="2">3</option> 
<option value="3">4</option> 
<option value="4">5</option> 
<option value="5">6</option> 
<option value="6">7</option> 
<option value="7">8</option> 
<option value="8">9</option> 
<option value="9">10</option> 
<option value="10">11</option> 
<option value="11">12</option> 
<option value="12">13</option> 
</select>

我想有一個箭頭，如果不可─重複下拉的各元素的類

來源

2011-11-01 Chris Mccabe

不知道這是否是你期待什麼。但試試this

來源

2011-11-01 10:52:48 Chin

假設它將不得不做 –

每個選擇元素的背景圖像選擇下拉列表

回答

相關問題