О том, как изменить внешний вид стандартного вида input я знаю. Например, с таким кодом проблем не возникнет:
<input id="r1" name="radio1" type="radio" />
<label for="r1">Option 1</label>
А вот как быть с зависимостью от input вложенного в label?
<span class="val">
<label><input type="radio">Option 1</label>
<label><input type="radio">Option 2</label>
<label><input type="radio">Option 3</label>
<label><input type="radio">Option 4</label>
</span>
То есть, задаем мы вид для label, input скрываем. А с выделением выбранного объекта получается тупик. Понятно, что вопрос можно решить простеньким скриптом. Но можно ли обойтись только стилями оформления?
Пример того, что хотелось бы получить.
Выделить тегом текст внутри label нет возможности, поэтому стандартный вариант input:checked + label для определения стилей активного значения не подходит.