Javascript 输入/收音机底部尺寸调整

我想保持问题的大小不变，并使输入/单选按钮的大小变小。我尝试了几种方法，甚至是这个网站上的方法。似乎什么都没用

黑豹的家叫什么名字？


昆仑
瓦坎达
卡马尔泰姬酒店


奇怪博士是怎么打败多姆姆的

建造了一座能源监狱
创建一个时间循环
冻结时间


哪位英雄秘密拥有家庭

鹰眼
瓦坎达
卡马尔泰姬酒店

您应该能够将样式直接应用于单选按钮，例如：

#choice {
  width: 5px;
}

---

以下是工作代码：

请使用正确的HTML语法，如：

<div class="row">
  <div class="questions">
    <div>
      <p>What is the name of Black Panther's home?</p>
      <input id="choice" type="radio" name="firstQuestion" value="false">K'un Lun
      <input id="choice" type="radio" name="firstQuestion" value="true">Wakanda
      <input id="choice" type="radio" name="firstQuestion" value="false">Kamar Taj
    </div>
    <div>
    <p>How did Dr Strange defeat Dormammu?</p>
    <input id="choice" type="radio" name="secondQuestion" value="false">Built An Energy Prison
    <input id="choice" type="radio" name="secondQuestion" value="true">Create a Time Loop
    <input id="choice" type="radio" name="secondQuestion" value="false">Froze Time
    </div>
  <div>
    <input type="button" value="Submit" onclick="submitted()"/>
  </div>
  <p id="firstPara"></p>
  <p id="secondPara"></p>  
  </div>
</div>

---

您可以应用CSS，如：

input[type="radio"] {
 width: 10px;
}

---

您可以执行以下两个过程之一：

.row{
利润率：50像素；
}
/*---过程一--*/
/*输入[类型=收音机]{
宽度：5px；
高度：5px；
垂直对齐：中间对齐；
} */
/*---过程二--*/
输入[类型=收音机]{
-ms变换：比例（0.5）；/*IE 9*/
-webkit变换：缩放（0.5）；/*Chrome、Safari、Opera*/
变换：比例（0.5）；
}

黑豹的家叫什么名字？


昆仑
瓦坎达
卡马尔泰姬酒店


奇怪博士是如何打败多姆姆的？

建造了一座能源监狱
创建一个时间循环
冻结时间


哪个英雄秘密拥有家庭？

鹰眼
瓦坎达
卡马尔泰姬酒店

您的HTML无效。没有结束语

或

非常感谢您抽出时间帮助我解决问题：）非常感谢您抽出时间帮助我：）

input[type="radio"] {
 width: 10px;
}