/* 改变单选框的大小和样式 */
input[type=radio] {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #ccc;
}
/* 改变单选框选中状态的样式 */
input[type=radio]:checked {
background-color: #ccc;
}
/* 改变单选框文字的位置 */
label {
display: inline-block;
margin-left: 10px;
}可以使用以上的CSS代码来自定义单选框的样式。其中，input[type=radio]选择器选择所有类型为单选框的元素，并对其进行样式的修改。在这里，大家将单选框的宽度和高度设为20像素，并将边框设为2像素的实线灰色。
如果要修改单选框在选中状态时的样式，可以使用:checked伪类选择器。在这里，大家将选中状态的单选框的背景色设为灰色。
最后，大家可以修改单选框文字的位置，使其和单选框的距离更合适。在这里，大家使用了label标签，并将其display属性设为inline-block，将文字水平显示在单选框旁边，并且在左边留出一定的距离。
使用这些CSS属性和样式可以让单选框更加美观，并且适应不同的设计需求。在实际开发中，可以根据需要自定义单选框的样式，以满足用户的不同需求。