在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

使用确切的类名，并在前面加上.。

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

.questionInput {
  width: 25px;
}

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

Answer 3

使用属性选择器

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

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