在网站设计与开发中，单选框是非常常用的元素，其功能主要用于不同选项的选择。但是，如果想要让单选框在被选中时变色，怎么做呢？我们可以使用CSS来实现这一目标。
input[type="radio"]:checked { background-color: #ff0000; }
通过上面的代码，我们定义了一个选择器，即当输入类型为单选框，并且被选中时，其背景颜色将变为红色。我们可以根据需要修改颜色值，以改变单选框选中时的颜色。
除了背景颜色之外，我们还可以修改其他样式属性，例如字体颜色、边框颜色等，从而实现更丰富的变化效果。同时，我们也可以使用伪类选择器，例如:hover 和:focus，来实现单选框在被鼠标悬停或获得焦点时的样式变化。
