Раскрытие списка селекта

[Indev29]

Доброго времени суток!
Проблема в следующем: понадобилось заменить стрелочку <select>'a. Попытался решить наложением сверху картинки, но теперь при нажатии на стрелочку не раскрывается список, можно ли как-то раскрыть select при нажатии на элемент?
В гугле искал, но если искал плохо - прошу дать ссылку) Заранее спасибо!

 

[BaNru]

Если не любишь легких путей, то вот что пришло в голову
1) Делаешь всё необходимого одного цвета, даже можешь попробовать прозрачным через RGBA. Делаешь картинкой.
Если текст замещать не надо, то раскрашивай на свое усмотрение.
2) То самое что пришло в голову. Обертываешь в блок, если его нет, и делаешь фиксированную ширину и overflow: hidden
стрелочку делаешь с отрицательным маргином, можно попробовать через :after или фоном
Ширину делаешь шире, чем обертывающий блок, чтобы стрелочка пропала.
3) Option будет шире, чем блок. Поэтому тут вариант или поиграться с шириной (не знай сработает ли) или маргинами.
Либо попытаться как то "обмануть" графически.

Более легкое - сделать по аналогии
http://stylesheet.ru/recipes/forms/radio-styled.html
:active или :hover в помощь

 

[Indev29]

Ладно, решил заменить группой дивов, чтобы не париться)
Может кому понадобится: http://jsfiddle.net/Indev29/dctzc/3/

UDP: кстати, у меня почему-то бывает, что после добавления текста (посредством $(elem).html()), он показывается уже выделеным. Встречался ли кто-то с подобным и как можно снять выделение с текста?

 

[tigra60]

Ребята, не парьтесь! Все уже украдено до нас: http://tools.alterego-russia.ru/jclever/

 

[Indev29]

Ребята, не парьтесь! Все уже украдено до нас: http://tools.altereg...sia.ru/jclever/

Мы не ищем легких путей! =)