我正在構建一個調查表，它有一個帶有無線電型別輸入標簽的問題。
我想要單選選項的字體型別（'絕對'，'也許'..）類似于問題的字體型別，即“Gill Sans 20px”
這是我的 HTML -
<label id="recco">Would you recommend CherryMinds to a friend?</label><br>
<input type="radio" name="recco" value="1">Definitely<br>
<input type="radio" name="recco" value="2">Maybe<br>
<input type="radio" name="recco" value="3">Not Sure<br>
我應用了這個 CSS -
#recco>input[type="radio"] {
font-family: "Gill Sans";
font-size: 20px;
color: hotpink;
}
但它不會改變單選選項的字體型別。設定輸入標簽選項（型別 - 單選和復選框）的正確方法是什么？
uj5u.com熱心網友回復：
您沒有<label>以應有的方式使用
單選按鈕很難設定樣式，并且它們后面的文本不是單選的一部分
如果你想改變圓圈/點的顏色，這里有一種方法 如何改變單選按鈕的顏色？
將標簽包裹在收音機和文本周圍，通過單擊文本可以選擇收音機。您也可以使用<label for="idOfOneRadio"...沒有包裝來獲得相同的效果
我的電腦上也沒有 Gill sans，所以給我一個替代方案
#banner {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/96/Boreal_Forest_Banner.JPG);
width:100%;
resize: both;
overflow: hidden;
background-size: cover;
padding: 5px;
}
.recco {
font-family: "Gill Sans", Arial, Helvetica, sans-serif;
font-size: 20px;
color: hotpink;
}<div id="banner">
<h3 class="recco">Would you recommend CherryMinds to a friend?</h3>
<label class="recco"><input type="radio" name="recco" value="1"> Definitely</label><br>
<label class="recco"><input type="radio" name="recco" value="2"> Maybe</label><br>
<label class="recco"><input type="radio" name="recco" value="3"> Not Sure</label><br>
</div>uj5u.com熱心網友回復：
您可以將以下行編輯為解決方案
我希望這將有所幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/412960.html
標籤：