怎么改变按钮的颜色从白色变成灰色

怎么改变代码可以从图一的白色按钮变成图二的灰色按钮

 <input type="radio" name="职位" >部门 <input type="radio" name="职位" >教师  <input type="radio" name="职位" >学生 <input type="radio" name="职位" >

大概明白你的意思，就是想改变radio的初始背景颜色是吧？从白色变成灰色。
这个通过 after 伪类选择器来实现
大概是下面这样：
input[type=radio] {
....自己写样式
}
input[type=radio]:after {
....写自己想要得样式
}
input[type=radio]:checked:before {
....写自己想要得样式
}

意思都很明显吧，选择前什么样，选择后这么样，具体效果自己想怎么改就怎么改

望采纳。

一般你这种，都是不可点击的时候才是灰色，你是不是弄错方向了，按钮处于 disable 状态就是灰色样式。

如果想正常可点击，也用灰色，想用 css 样式的话，请使用下面的样式设置给按钮即可：

.myRadioButton {
-webkit-filter: grayscale(50%);
/* Chrome, Safari, Opera */
filter: grayscale(50%);
}