Html 在<；输入>；标签

为什么不能在输入标记中设置类似字体大小的样式，例如

<input style="font-size:20px" type="radio" name="a" value="a">some text</input> 

一些文本

字体属性不应该应用吗

第二，那最好的办法是什么呢

---

谢谢

我认为这是因为您正在设置的CSS应用于该输入的“内部”标记

您想要设置样式的是它的值，因此您需要将输入包装在占位符中，并设置该占位符的样式

例如：

<span style="font-size:40px">
    <input  type="radio" name="a" value="a">some text
    <input  type="radio" name="a" value="b">some text
</span>

一些文本
一些文本

工作正常。

请尝试以下操作：

<input type="radio" name="a" value="a"><span style="font-size: 50px;">some text</span></input>

一些文本

---

如果使用span\p标记包装文本，则可以设置该标记内部文本的样式。

但是，设置单选按钮样式的方法不多：

<input type="radio" name="radiogroup" id="radio-1">
<label for="radio-1">Radio button 1</label>

单选按钮1

---

您可以设置标签的样式…

最好的方法是在外部样式表中提供样式，或者在文档顶部提供样式。如果可能的话，内联样式通常是您想要避免的，因为它会使以后的更改变得混乱，并且可能会导致非常脏的特定性问题

修复程序的一个示例：

HTMl（示例）

---

希望这能有所帮助。

我知道这个问题已经有了公认的答案，但我认为值得一提的是：

最好将

标记与每个无线电输入关联（使用标签的

for

属性），或者用标签标记包装每个无线电输入。这允许用户点击文本来选择无线电输入，而不必瞄准一个很小的圆圈

因此，您的标记看起来是这样的：

<input type="radio" id="radio1" name="radios" value="something 1" /> 
<label for="radio1">Something 1</label>

<input type="radio" id="radio2" name="radios" value="something 2" /> 
<label for="radio2">Something 2</label>

<input type="radio" id="radio3" name="radios" value="something 3" /> 
<label for="radio3">Something 3</label>

一点
2点
三点

无线电输入按其名称分组为相互排斥的选项，组将共享这些选项。标签的

属性的
中指定的值将与要选择的无线电输入的
id
属性匹配。因此，在上面的示例中，如果您单击文本“Something 1”，将选择id为
radio1
的无线电输入

然后，您可以根据自己的心意设置标签文本的样式

这是关于你问题的第二部分

“其次，那最好的办法是什么？”


#输入{
背景色：黑色；
颜色：绿色；
文本对齐：居中；
}
肯定不是容器元素。我没有-1（对没有注释的人来说很遗憾），但是这会添加更多多余的标记，以及事实
输入
（比如
img
标记）。谢谢。我猜Tieson的评论澄清了输入不是容器元素。谢谢你们。另外，输入是有趣的标签，它们是用来自我关闭的，从技术上讲，推杆是非法的；即使在XHTML中，输入也意味着（简单地）阅读我明白了，谢谢Russ。所以这种风格没什么用。。。任何东西对于这个带有类型收音机的输入标签？谢谢，我刚刚转移到这个。标签到底是什么，带有“for”属性？似乎有很多额外的文本/键入，而不是像GoGoGarrett指出的那样使用div。@Ray K单击标签的文本时，如果设置了
for
属性，则会选择id与
for
值匹配的输入。使复选框/单选按钮更易于选择。此外，标签还可由屏幕阅读器等辅助功能代理使用。对于
type=“text
输入字段，您可以使用样式属性设置值文本的颜色。这似乎适用于单选按钮和复选框。
#form input {
   font-size: 20px;   
}

<input type="radio" id="radio1" name="radios" value="something 1" /> 
<label for="radio1">Something 1</label>

<input type="radio" id="radio2" name="radios" value="something 2" /> 
<label for="radio2">Something 2</label>

<input type="radio" id="radio3" name="radios" value="something 3" /> 
<label for="radio3">Something 3</label>