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

问题描述

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

<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的字体大小，而这些字体大小都不符合我的要求。 有人知道如何更改单选按钮文本的字体大小吗？     

解决方法

文本在单选按钮旁边，而不是里面。 首先，添加一个

<label>

元素（确保

for

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

id

，这将链接它们，以便人们有更大的点击目标，并且屏幕阅读器用户将知道哪个标签属于哪个控件）。 然后设置标签样式。     ,使用

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

还可以考虑不要使用内联样式，而应使用外部样式表。