将方形背景添加到单选按钮

Question

我可能会遗漏一些简单的东西，但现在就去了。

我的表单上有几个单选按钮，我希望每个按钮的方形背景只比按钮本身大几个像素。我也希望按钮内部的颜色与背景颜色相同。

我尝试使用CSS来改变单选按钮本身的背景颜色：

.Blue{
   background: blue;
}

<input type="radio" class="Blue" value="1"/>

但是这种风格没有任何形式。

是否就像在每个标签周围添加<div>标签一样简单，还是有另一种方式来设置收音机输入而没有额外的标签？

好奇的解释： 颜色代表情绪，并在悬停时有工具提示。

Answer 1

正如我上面的评论所说，单选按钮输入只是按钮本身，没有样式背景。为了解决这个问题，我在每个地方周围添加了<div>，并为<div>添加了样式以满足我的需求。