javascript - 输入/ radio 底部调整大小

Question

我想保持问题的大小不变，并缩小输入/单选按钮的大小。我尝试了几种方法，甚至是这个网站 https://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/ 中的方法。似乎没有任何效果......

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

Answer 1

您应该能够直接将样式应用于单选按钮:

#choice {
  width: 5px;
}