改變單選按鈕文本的字體大小

我試圖改變一些單選按鈕字體大小：改變單選按鈕文本的字體大小

<input type="radio" name="rdDate" id="ShowAll" value="Show All" style="border-style:none;margin-left:0px;font-size:11px;"/>Show All 
    <input type="radio" name="rdDate" id="ShowCurrent" value="Show Current" style="border-style:none;font-size:11px;"/>Show Current

但添加樣式= 「FONT-SIZE：11像素;」到輸入標籤不會更改文本大小。我發現要做到這一點的唯一方法是將文本包裝在一個字體標籤中，但是你只能將字體大小限制在1到7之間，其中沒有一個適合我需要的大小。

有人知道如何更改單選按鈕文本的字體大小嗎？

來源

2011-05-26 user517406

文本是旁邊的單選按鈕，不在裏面。

首先，添加一個<label>元素（確保for屬性匹配與它相關聯，這將它們連接輸入的id所以人們將有一個更大的點擊目標和屏幕閱讀器的用戶就會知道哪些標籤與所屬哪個控制）。

然後款式的標籤。

來源

2011-05-26 10:59:04 Quentin

有關說明：'for'-attribute必須與輸入的'name'屬性相同。這些應該重命名爲'rdDate1'和'rdDate2'才能正常工作。 – Tim 2011-05-26 11:03:10

@Tim - 不！ 'id'屬性！如果你改變了名字，那麼單選按鈕就不會再是一個組了！ – Quentin 2011-05-26 11:07:07

當然！對不起..：| – Tim 2011-05-26 14:16:02

用<label>標記包裝文本，然後可以設置該標記的樣式。

<input type="radio" name="rdDate" id="ShowAll" value="Show All" style="border-style:none;margin-left:0px;font-size:11px;"/><label style="font-size: 11px;">Show All</label> 
<input type="radio" name="rdDate" id="ShowCurrent" value="Show Current" style="border-style:none;font-size:11px;"/><label style="font-size: 11px;">Show Current</label>

還考慮不使用內聯樣式並使用外部樣式表。

來源

2011-05-26 11:00:10

改變單選按鈕文本的字體大小

回答

相關問題