CSS3 单选按钮样式可以为单选按钮添加颜色、大小和其他样式。在这篇文章中，我们将介绍如何使用 CSS3 单选按钮样式来创建自定义单选按钮。

input[type="radio"] {
width: 20px;
height: 20px;
}
input[type="radio"]:checked::before {
content: "\2022";
font-size: 30px;
color: #5cb85c;
}

首先，我们使用 input[type="radio"] 选择器来选择单选按钮。在这里，我们设置了单选按钮的宽和高为 20px。这可以根据你的需要进行调整。

接下来，我们使用 input[type="radio"]:checked 选择器来选择已选中的单选按钮。在这里，我们使用伪元素 ::before 来添加一个圆点。使用 content 属性，我们将 Unicode 字符“\2022”插入到圆点中。您可以根据需要更改字符。

在这里，我们还设置了圆点的大小为 30px，并将其颜色设置为绿色（#5cb85c）。您可以根据您的需求进行调整。

既然你知道如何使用 CSS3 单选按钮样式来创建自定义单选按钮，赶紧尝试一下并为你的网站添加漂亮的单选按钮吧！