Блог

я установил классы стилей для каждого элемента моей формы, но установка того же фона для выпадающего списка формы выдает ошибку.. вы можете увидеть, как выглядит меню, когда оно выпадает
_{(источник: justni.com )}

  .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>
 

я хотел бы иметь стрелку, если нет — класс повторяется для каждого элемента выпадающего списка

Не знаю, ожидаете ли вы этого. Но попробуйте это