方法和详细的操作步骤如下：
1、第一步，打开软件并创建一些默认复选框，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，在顶部样式标签上设置输入样式，将输入的显示属性设置为none，删除默认的单选框，然后设置每个单选框的边距，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，继续设置下面的样式，设置“label”标签的伪元素before和after，然后将原始复选框更改为状态属性，“
checked + label”设置为红色的实心框，并取消选中状态，“ label :: after”为白色空心框，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，打开浏览器，可以看到设置的样式，去掉了默认样式，见下图。这样，就解决了这个问题了。
给按钮添加css样式有以下三种方法：1，直接在元素上定义style，如下：
1
<input type="button" style="这里定义样式">
2，页面中内嵌样式，如下：
1
2
3
4
<style>
.btn{需要添加的样式}
</style>
<input type="button" class="btn">
3，外部引用css文件，如下：
1
<link rel="stylesheet" type="text/<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nyDsn1m1P1TzPHckPhwW0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPjnYnW0Ln1R" target="_blank" class="baidu-highlight">css</a>" href="这里是css文件的路径">
