Как добавить изображения в список выбора? - PullRequest
Новая
       41

Как добавить изображения в список выбора?

129 голосов
/ 03 июня 2010

У меня есть список избранных полов.

Код: 

<select>
<option>male</option>
<option>female</option>
<option>others</option>
</select>

Я хочу использовать изображение из выпадающего списка как drop-down-icon.jpeg.

Я хочу добавить кнопку вместо выпадающего значка.

Как это сделать?

Ответы [ 12 ]

0 голосов
/ 27 июня 2018

ОБНОВЛЕНИЕ: По состоянию на 2018 год, похоже, теперь это работает. Протестировано в Chrome, Firefox, IE и Edge 

<!DOCTYPE html>
<html>
<body>

<style>
select#newlocale option[value="volvo"]   { background-color: powderblue;   }
select#newlocale option[value="opel"]   { background-color: red;   }
select#newlocale option[value="audi"]   { background-color: green;   }
</style> 

<select id="newlocale">
  <option value="volvo"><div >Volvo</div></option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>
0 голосов
/ 13 августа 2014

У меня такая же проблема. Моим решением был набор кнопок с изображением справа от него. Поскольку вы можете выбрать только один параметр на радио, он работает (как) выбор.

Работай хорошо для меня. Надеюсь, что это может помочь кому-то еще.

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...