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

Question

我想改变一些单选按钮的字体大小:

<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的字体大小,其中没有一个是我需要的正确大小.

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

Answer 1

文本位于单选按钮旁边,而不在其中.

首先,添加一个<label>元素(确保该for属性id与其关联的输入匹配,这将链接它们,以便人们将拥有更大的点击目标,屏幕阅读器用户将知道哪个标签属于哪个控件).

然后设置标签样式.