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匹配，这将链接它们以便人们获得更大的点击次数目标和屏幕阅读器用户将知道哪个标签属于哪个控件）。

然后设置标签样式。

Answer 2

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

另外，请考虑不使用内联样式并使用外部样式表。

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

2 个答案: