iNickolay
@iNickolay

Как сделать следование за :checked?

Здравствуйте! Для примера имеем:

[css]
label { padding: 10px; margin: 10px; }
input[type="radio"] { display: none; }
input[type="radio"]:checked + label { border: 1px solid red; }

[html]
<input id="a" name="one" type="radio" checked> <label for="a">one</label>
<input id="b" name="one" type="radio"> <label for="b">one</label>
<input id="c" name="one" type="radio"> <label for="c">one</label>


(или то же самое на jsfiddle)

Необходимо что бы красный прямоугольник перемещался (ездил) за кликом по инпуту, а не исчезал-появлялся.
Не соображу, как это искать в поисковике, не то что сделать х_Х
  • Вопрос задан
  • 235 просмотров
Пригласить эксперта
Ответы на вопрос 2
hronik87
@hronik87
Обитаю в 1С-Bitrix
Я бы обернул все инпуты в див, в нем создал бы еще один со стилями как у вас лейбла и он бы катался по клику к нужному инпуту.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы