Выбор типа элемента в классе в CSS

Question

Привет! Я пытаюсь стилизовать элемент 'type = "radio"', но у меня проблемы с доступом к элементу в CSS. Пожалуйста, помогите, спасибо.

HTML

<label class="questionLabel"><input class="questionInput" type="radio" name="q4" value="Strongly disagree">

CSS

.questionnaireInput radio    {

    width: 25px;
}

Answer 1

Вы можете использовать селектор атрибута (при условии, что вы после радио с именем класса "questionInput"):

.questionInput[type=radio]{
    width: 25px;
}

Answer 2

используйте селектор атрибута

<label class="questionRadio"><input class="questionRadio" type="radio" name="quiz2" value="Male">

.questionRadio[type=radio]{
    width: 15px;
}

Answer 3

Используйте точное имя класса с . впереди.

https://www.w3schools.com/cssref/sel_class.asp

.questionInput {
  width: 25px;
}

<label class="questionLabel"><input class="questionInput" type="radio" name="q4" value="Strongly disagree">