Изменить вид selectbox

Extalionez · 6 Сен 2012

Доброго времени суток! есть html selectbox

HTML:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="Extalionez" />
 
    <title>Неназванный 2</title>
</head>
 
<body>
 
<div class="limit_box"><select id="limit" name="limit" class="inputbox" size="1" onchange="this.form.submit()">
    <option value="5" selected="selected">5</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="25">25</option>
    <option value="30">30</option>
    <option value="50">50</option>
    <option value="100">100</option>
    <option value="0">Все</option>
</select>
</div>
 
</body>
</html>

как написать css-ник чтобы он выглядел как во-вложении

ToyotaLC · 7 Сен 2012

одним css тут не обойдешься
советую сделать через jquery и воспользоваться плагином cusel

yhnyhn · 7 Сен 2012

box-shadow и border-radius для класса inputbox

Extalionez · 8 Сен 2012

ToyotaLC написал(а):
одним css тут не обойдешься
советую сделать через jquery и воспользоваться плагином cusel

Обязательным условием является указание id селекту, т.к. на основании этого уникального идентификатора гарантируется работа скроллингов в выпадающих меню.

А у меня 2 таких селекта на странице, у которых можно только класс менять, и ни в коем случае id(он одинаковый у обоих

)

yhnyhn написал(а):
box-shadow и border-radius для класса inputbox

и что делать со стрелочкой и IE?

ToyotaLC · 8 Сен 2012

Extalionez написал(а):
А у меня 2 таких селекта на странице, у которых можно только класс менять, и ни в коем случае id(он одинаковый у обоих)

ну так если у них внешний вид один, то ничего страшного и с одним id можно

cvaznoi · 10 Сен 2012

Селект - системный элемент, как и элемент <input type="file" /> нельзя "кастомайзить"
но select можно эмулировать, к примеру, через query.combobox Для просмотра ссылки Войди или Зарегистрируйся

Evilmolen · 11 Сен 2012

cvaznoi написал(а):
Селект - системный элемент, как и элемент <input type="file" /> нельзя "кастомайзить"

Ещё как можно, просто не со 100% свободой действий. Примитивная кастомизация описана в этой статтье: _Для просмотра ссылки Войди или Зарегистрируйся
В случае автора топка, сойдёт простой вариант на jquery: _Для просмотра ссылки Войди или Зарегистрируйся
Единственная проблема в том, что все браузеры, по разному воспринимают эти изменения, и больше проблем будет с оперой, чем с IE.

aaidlin · 11 Сен 2012

Честно говоря, не до конца понятна задача. Стрелочка должна быть в каждом пункте селекта?

Extalionez · 11 Сен 2012

aaidlin написал(а):
Честно говоря, не до конца понятна задача. Стрелочка должна быть в каждом пункте селекта?

нет. так должен выглядеть сам селект на странице, а уж внешность списка - дело четвёртое

sarhov · 25 Сен 2012

можно так сделать

Для просмотра ссылки Войди или Зарегистрируйся

Изменить вид selectbox

Extalionez

Клоун

Вложения

ToyotaLC

Гуру форума

yhnyhn

Постоялец

Extalionez

Клоун

ToyotaLC

Гуру форума

cvaznoi

Писатель

Evilmolen

Создатель

aaidlin

Создатель

Extalionez

Клоун

sarhov

Создатель