Html 更改单选按钮文本的字体大小

我正在尝试更改某些单选按钮的字体大小：

<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

全部显示
显示电流

但是，将style=“font size:11px；”添加到输入标记不会更改文本大小。我发现的唯一方法是将文本包装在字体标记中，但是字体大小限制为1到7，没有一个适合我的要求

有人知道如何更改单选按钮文本的字体大小吗？

文本在单选按钮旁边，而不是在单选按钮内部

首先，添加一个

元素（确保

for

属性匹配与其关联的输入的

id

，这将链接它们，这样人们将有一个更大的点击目标，屏幕阅读器用户将知道哪个标签属于哪个控件）

---

然后设置标签的样式。

用

标记将文本包装起来，然后您可以设置此标记的样式

<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>

全部显示
显示电流

---

也考虑不使用内联样式，使用外部样式表。

解释：<代码> < /COD> >属性必须与输入的<代码>名称<代码>属性相同。为了正常工作，应该将它们重命名为

rdDate1

和

rdDate2

。@Tim-不！

id

属性！如果更改名称，则单选按钮将不再是一个组！