- Автор темы
- #1
Доброе утро , кто сможет помочь допилить код ,select в несколько колонок .
Если возможно то желательно только с помощью css , но готов выслушать все варианты .
Примерно что бы было так ...
HTML:
<div class="styled-select">
<select name="" value=" Сделайте выбор" id="selectCar">
<option value="">Сделайте выбор </option>
<option value="img_acura">Acura</option>
<option value="img_aston">Aston_Martin</option>
<option value="img_alfa_romeo">Alfa_Romeo</option>
<option value="img_audi">Audi</option>
</select>
/***Выпадающий список ***/
.styled-select {
width: 180px;
height: 36px;
overflow: hidden;
background: url(http://dizzre7r.bget.ru/uploads/brand-logo/down_arrow_select.jpg) no-repeat right #ddd;
border: 1px solid #ccc;
}
.styled-select select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
}
.styled-select {
width: 180px;
height: 36px;
overflow: hidden;
background: url(http://dizzre7r.bget.ru/uploads/brand-logo/down_arrow_select.jpg) no-repeat right #ddd;
border: 1px solid #ccc;
}
.styled-select select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
}
Если возможно то желательно только с помощью css , но готов выслушать все варианты .
![232bc35d7c1c41cfb9c5cb30ad2d6bdc.jpg](https://habrastorage.org/files/232/bc3/5d7/232bc35d7c1c41cfb9c5cb30ad2d6bdc.jpg)
Примерно что бы было так ...