Свой стиль для Checkbox, Select и Radio

Свой стиль для Checkbox, Select и Radio

21.05.2011672514

Одним файлом CSS обойтись никак не получится, но если воспользоваться скриптом, то мы можем сделать самое красивое оформление для элемента Checkbox, Select и Radio в нашей форме. Свой стиль для Checkbox, Select и Radio вы можете сохранить в нескольких изображениях. Сначала Вам необходимо прикрепить к странице скрипт, и только затем установить стиль. Обязательно нужно дать классы тем элементам, к которым мы хотим прикрепить стиль.

Пример

Согласен с мнением Да

Нет


Изображения можно скачать ниже

Код JavaScript



Файл скрипта можно скачать по соответствующей ссылке.

Код CSS



Код HTML




Сохраните в социальную сеть
Комментарии (14)
Гость 18.05.2012 в 10:59Спам
Спасибо
0
Гость 05.07.2012 в 13:44Спам
Огромное спасибо. Супер.
0
soner 24.11.2012 в 19:54Спам
class="styled" как же прописать с тиль к чату и остальным формам то на сайте?
0
soner, самым обычным, добрым, старым, ручным методом
0
soner 24.11.2012 в 22:35Спам
kiruxaable , небольшой хоть бы пример покажите, например блок $POOL$, там то куда прописывать?
0
Гость 25.11.2012 в 11:11Спам
Пример в самом материале
0
soner 25.11.2012 в 13:09Спам
а ну да, спасибо за разъяснение
0
soner 25.11.2012 в 18:13Спам
ребят, ну обьясните как на сайте от ucoz поставить их, смог только в форме входа сдетать потому что код чекбокса там открытый
0
soner 25.11.2012 в 18:37Спам
<?if($BIRTHDAY_FL$)?>
<tr id="siM30"><td class="manTd1" id="siM31">$BIRTHDAY_SIGN$</td><td class="manTd2" id="siM32">$BIRTHDAY_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
<?endif?>

куда скажите тут прописать класс?
1
soner, мы знаем, что это вообще?
0
soner 25.11.2012 в 20:09Спам
kiruxaable, я уже незнаю как обьяснить, вот есть на сайте форма регистрации, как ее всю оформить новыми чекбоксами и селектами? я вот все что прошу узнать
1
Гость 26.11.2012 в 18:52Спам
Надо использовать JQ что-бы прописать класс
0
soner 26.11.2012 в 21:47Спам
снова загвоздка :(
1
Гость 30.12.2012 в 14:26Спам
$('#id').addClass('styled');
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт