[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: radiobutton или изменение стиля
cyberside
Есть вид по которому хочу сверстать голосование... Но никогда ранее не работал с видами радиокнопок.

Сам вид:
user posted image

Как вообще должно происходить:
По нажатию на всю область <li> должен происходить выбор.

Код:
<li><input type="radio" name="answer" value="1" /><span>Украина - Киев</span></li>


Подскажите метод изменения вида радиокнопки (желательно не JS, если можно при помощи CSS)
И также хотелось бы узнать как разширить обасть клика?



Спустя 36 минут, 5 секунд (11.11.2011 - 20:03) Zerstoren написал(а):
почитайте про label и атрибут for.
это именно то что вы ищите и не какие скрипты не нужны.

Спустя 19 минут, 32 секунды (11.11.2011 - 20:23) cyberside написал(а):
Zerstoren, примного благодарен...

Сейчас выглядит так:
<label for="1"><li><input type="radio" name="answer" id="1" value="1" /><span>Украина - Киев</span></li></label>

А насчет стиля радиокнопки никто не подскажет?

Спустя 1 час, 55 минут, 15 секунд (11.11.2011 - 22:18) Gesandte написал(а):
без жабаскрипта идей никаких. А так повесь на input opasity: 0; саму область инпута сделай в виде картинки, и прикрути в качестве бэкграунда обертке, а когда элемент у нас активен, то через жабаскрипт даем display: block; элементу (кружочек в центре), его можно создать как отдельный div с фоном в виде картинки, а в стилях изначально даем ему display: none;

Спустя 2 минуты, 42 секунды (11.11.2011 - 22:21) Winston написал(а):
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.