Стиль / заменить окно выбора с помощью прототипа / scriptactulous

Question

Я пытаюсь стилизовать мой блок выбора, я предполагаю, что мне нужен какой-то тип метода javascript.

Я использую рельсы - и придерживаюсь прототипа / scriptactulous.

Кто-нибудь знает какие-либо решения?

EDIT:

CSS не делает почти то, что я пытаюсь сделать:

альтернативный текст http://img16.imageshack.us/img16/1373/dropdownk.png

Answer 1

Сегодня я написал прототип блока выбора. Это позволяет стилизовать все - поле ввода выбора, кнопку, раскрывающийся список (где отображаются параметры), полосу прокрутки и ее кнопки, параметры, добавление изображений к параметрам. Класс может заменить входные данные выбора автоматически, просто вызвав скрипт, если элементы управления select имеют class = "replacemeselect" или вызваны вручную. Существует множество параметров настройки, и вы можете иметь несколько стилей выбора на странице, если вам это нужно. В отличие от IPS этот класс обрабатывает события клавиатуры и имеет полосу прокрутки. Вы можете посмотреть демо: http://awsumlabs.com/selectreplace и использовать библиотеку, если вам это нравится.

Answer 2

Для оформления выделенных блоков вам действительно нужен js. В CSS вы можете стилизовать все, кроме кнопки. Проблема в том, что кнопка зависит от ОС и не контролируется браузером. Поэтому, возможно, мужчина задает правильный вопрос. Я тоже ищу решение для прототипа / script.aculo.us. Я использую эти фреймворки и не хочу переходить на mootools или jquery. На самом деле я нашел интересный прототип проекта - IPS. http://yura.thinkweb2.com/playground/in-place-select/ Также есть несколько элементов управления (мне нужно выбрать только один элемент, поэтому, возможно, я буду придерживаться ips). livepipe.net/control/selectmultiple является одним из них.