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

标签 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 之间,没有一个是我需要的正确大小。

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

最佳答案

文本在单选按钮旁边,而不是在里面。

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

然后设置标签样式

关于html - 更改单选按钮文本的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6137424/

相关文章:

jquery - 摆脱数据表中的复制按钮和页眉/页脚

python - 美丽汤提取物标签删除文字

javascript - PHP 'include'函数的现代JS方法

javascript - 将图像过滤器应用于 Canvas 图像数据或在 JavaScript 中

php - 在自动生成的 PHP 页面中显示某些 HTML?

javascript - p5.j​​s Canvas 添加不需要的滚动条

html - 容器中需要隐藏的溢出使滚动条出现

javascript - 如何将 Javascript ID 值传递到表单占位符中?

javascript - 文本内容溢出到较低窗口高度的新动态列

html - CSS设置两列静态