Loading...
Обучение/Помощь новичкам | помогите с кодом
вот есть код когда выбираю то только точки светят

а я хочю чтоб картинка виделялась

php
   <input id="0" type="radio" name="sex" value="0"/><label for="0" class="small">Мужской</label> 
<input id="1" type="radio" name="sex" value="1"/><label for="1" class="small">Женский</label>

________
посл. ред. 06.03.2021 в 21:19; всего 1 раз(а); by darkmob
для этого надо делать через before внутри контента
чтоб выводить картинку с радио выбора
чтобы скрыть иконка точки
css
   /* HIDE RADIO */ 
[type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
outline: 2px solid #f00;
}


html
   <label> 
<input type="radio" name="test" value="small" checked>
<img src="http://placehold.it/40x60/0bf/fff&text=A">
</label>

<label>
<input type="radio" name="test" value="big">
<img src="http://placehold.it/40x60/b0f/fff&text=B">
</label>
darkmob ,Пробуй так <input id="0" type="radio" name="sex" value="0"/><label for="0"><img src="" alt=""> Мужской</label>
<input id="1" type="radio" name="sex" value="1"/><label for="1"><img src="" alt=""> Женский</label>
Sovet , у него будет видно точка и автор хочет его убрать я уже дал ответ!
ЯнеЛохматый , спс
Онлайн: 2
Время:
Gen. 0.0969
(c) Bym.Guru 2010-2026