Как стилизовать radio без label с атрибутом for?

Question

[GreenMan1899]

<label>
         <input name="survey-survey_social" value="6" type="radio">
          lorem                              
</label>

У меня сейчас такой код для всех инпутов и лейблов.
Менять его не могу.
В примерах в инете только у словием наличия атрибута for для радио кнопки. Можно как-то обойтись без этого?

Answer 1

[iBird Rose]

а в чем собственно проблема? допустим у тебя на месте лорема будет иконка. ну тк также к ней и обращаешься через
input:checked + lorem

Answer 2

[drtvader]

Через before/after у лейбла как вариант. Я правда делаю по разметке так:

<div class="b-checkbox">
           <input type="checkbox" name="subscribe" id="subscribe" checked="checked" class="b-checkbox__input">
           <label for="subscribe" class="b-checkbox__name">Подписаться на&nbsp;рассылку</label>
     </div>

input стилизую через лейбл. Везде хорошо работает.