element里面的单选框的color怎样修改？默认是蓝色的，使用css修改颜色不管用，大家想一下

Posted 2023-03-16

参考技术A 应该是border: 1px solid rgb(9, 9, 9);
rgb后面的就是颜色
还要分选中前和选中后，两个都要写样式追答

//html

//css部分

/**
* 单选框自定义样式
**/
input[type=radio]
/*去除浏览器默认样式*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/*自定义样式*/
position: relative;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
border: 1px solid #00bfff;
outline: none;
cursor: pointer;
/*设置为圆形，看起来是个单选框*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;


/**
* 单选框 选中之后的样式
**/
input[type=radio]:after
content: '';
position: absolute;
width: 12px;
height: 12px;
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: #00bfff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-tr