Помощник
 |
|
|
|
|
Сообщение сайта
|
 поменять цвет radio button |
riaron
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 6 Регистрация: 20.4.2015 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Wins
|
 23.4.2015, 5:23;
Ответить: Wins
Сообщение
#2
|
 0 Группа: User Сообщений: 897 Регистрация: 9.2.2013 Поблагодарили: 0 раз Репутация: 0
|
http://shpargalkablog.ru/2013/08/checked.html
http://habrahabr.ru/post/144104/ или гуглите, примеров куча |
|
|
|
|
SQL2008
|
29.4.2015, 16:46;
Ответить: SQL2008
Сообщение
#3
|
|
|
0 Группа: User Сообщений: 4 Регистрация: 23.11.2011 Поблагодарили: 0 раз Репутация: 0
|
<!DOCTYPE html> <html> <head> <title>Самодельный radiobutton</title> <style type="text/css"> * {font:11px Verdana,Arial;} input[type="radio"] { position:absolute; left:-9999px; } input[type="radio"] + span { padding-left:16px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA6UlEQVR42nWS74qCQBTFf f21p/AZ+lLLCpsERSkumaAMgR/8IAUl+AB3+R2YoTZ34DB6zzn3z8xE0dNKksTixeIFxKK59RHHtlqvrW1bG8dR4JsY3Js4yzK73m623R1 tuUqF3aFQDC6YKEmWYRgk+vre2r44CZj5x4RG7eF0zolMs72Exc/Z6saZu3RWVZWARlUYjH7JjrCqG5F936sqKMtSGrTB8JlulLXrOonu90cACdiDgYDP7sXTNAn0TwyNDH5 oiDzPVcEbqEycPQz9fKwQGHz/3vhyrHMX59uhjdmL++9pIPz7NH4B18qNZO9hj3YAAAAASUVORK5CYII=') no-repeat 0 1px; } input[type="radio"]:checked + span { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABUElEQVR42mNgQALTFyz9n 9k67X9oywIwBrFBYgzYQErL9P99247/33Pnyf9bX7+DMYgNEgPJYSieffD8/0uff/6fePrN/6R5x8AYxAaJgeTgmkBWgkw59+Hn/9RFp/+ruif+d02u/G8SmP5f1j4SLAaSA6kBOw/kTpDVINOUnWP+z955+v+Lb3//1z19+1/ENfm/jG34/xmX3oHVgNQygDwHcm/krD3/9b3i/m/4+vN/8b9//w1P/vsvs/LTf3Ej9//ZC/aD1YDUomgASWqu//hf/fC//7J7//0XXPgRLFa55MD/65+//g9vnvufIaN1OtxJIOtBzgAp5Jn/6T+PUxpYbO99iJNAasGenrD9BNhjGavOghWIG3uCMYgN8hPIBSA18DhBDtZ1N9/8790ElNx28v+xR2//3/mOFqzIcQEyBWQ1SBEIg9ggMQzFpCQNAK7TVNaTo7+RAAAAAElFTkSuQmCC') no-repeat 0 1px; } </style> </head> <body> <br> <label><input type="radio" name="r1"><span>Первый radiobutton</span></label> <br><br> <label><input type="radio" name="r1"><span>Второй radiobutton</span></label> <br><br> <label><input type="radio" name="r1" checked><span>Третий radiobutton</span></label> <br><br><br> В зависимости от размера шрифта, надо в *<span style="font:14px arial;">input[type="radio"] + span {background...} no-repeat 0 <span style="font:700 14px arial;">1px;</span></span> * поменять на *<span style="font:14px arial;">no-repeat 0 <span style="font:700 14px arial;">2px;</span></span>* и т.д. методом подбора </body> </html>
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Поменять WordPress на DLE | 2 | Flex96 | 1572 | 20.2.2022, 1:37 автор: Flex96 |
|
Заменить серый цвет труб на черный в 3 картинках | 4 | 0alex1 | 3520 | 9.4.2017, 12:31 автор: 0alex1 |
|
 Надо поменять картинки кнопки и всё прочее.Сделать круто, чтобы не стыдно за сайт |
0 | atavisma | 2989 | 6.4.2017, 19:04 автор: atavisma |
|
автоматическая активация нужных <input type="radio"> | 1 | FALKOR | 3664 | 19.5.2016, 17:18 автор: -Valeron- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6930 | 17.4.2016, 17:45 автор: -serj123- |
|
Текстовая версия | Сейчас: 20.4.2024, 9:57 |
