A customized select, or maybe not a select at all?

Question

HTML

Tell me how you can make such a select here:
i68.fastpic.ru/big/2014/0730/72/4abc9af2b18ea2eb39...
The red square is a picture.

Answer 1

When clicked, a div appears with a list of the form

<label><input class="hidden" name="category" type="checkbox" value="good"/><span>Продукты и промтовары</span></label>
<label><input class="hidden" name="category" type="checkbox" value="electronics"/><span>Бытовая техника и электроника</span></label>

.hidden {
display: none;
}
input + span {
color: #d0d0d0;
}
input:checked + span {
color: #000;
}

Answer 2

Depending on what you want. If you need a select, then take one of the many plugins for styling and edit it for yourself.
In general, if you have this screenshot, then there is this site, see how it is done there.