• Стилизация label для radiobutton. Почему оно так ведет себя?

    @l_stl_st Автор вопроса
    Нашёлся интересный способ.
    Если у вас есть ещё варианты, напишите. Вот всё, что у меня:

    В CSS нет селектора для предыдущего элемента - здесь сказали
    В CSS нет селектора для лейбла по типу (возможно, будет) - здесь сказали

    Пожалуй, это главное, что я хотел выяснить.

    Если без классов и без jquery, можно сделать через id вот так (нашёл здесь; оказывается, CSS может найти id по первым нескольким символам, если добавить в селектор звездочку):

    HTML
    <body>
    	<label for="radioName1">Radio1</label>
    	<input type="radio" id="radioName1" name="radio" value="Name1">
    	<label for="radioName2">Radio2</label>
    	<input type="radio" id="radioName2" name="radio" value="Name2">
    </body>


    CSS
    label{
    	display:inline-block;
    	vertical-align:top;
    }
    label[for*="radio"]{
    	margin-top:100px;
    }


    Но это будет почти то же самое, что сделать класс.
    Ответ написан
    Комментировать