можно ли добавить иконки/картинки в опции HTML select?
Можно ли как-то сделать так, чтобы в списке select в вариантах выбора была слева иконка?
1 ответов
<select name="issuetype" id="issuetype">
<option value="1" class="imagebacked" style="background-image: url(/images/icons/bug.gif);" selected> Bug </option>
<option value="2" class="imagebacked" style="background-image: url(/images/icons/newfeature.gif);"> New Feature </option>
<option value="3" class="imagebacked" style="background-image: url(/images/icons/task.gif);"> Task </option>
<option value="4" class="imagebacked" style="background-image: url(/images/icons/improvement.gif);"> Improvement </option>
</select>
<option value="1" class="imagebacked" style="background-image: url(/images/icons/bug.gif);" selected> Bug </option>
<option value="2" class="imagebacked" style="background-image: url(/images/icons/newfeature.gif);"> New Feature </option>
<option value="3" class="imagebacked" style="background-image: url(/images/icons/task.gif);"> Task </option>
<option value="4" class="imagebacked" style="background-image: url(/images/icons/improvement.gif);"> Improvement </option>
</select>
option.imagebacked {
padding: 2px 0 2px 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
vertical-align: middle;
}
padding: 2px 0 2px 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
vertical-align: middle;
}
Можно, если это не select.
Существуют замены select полей, написанные на js - в таких случаях на подложке под пунктами можно нарисовать все что душа пожелает.