css怎么让单选框变样式 |css 搜索框 做法

input[type=radio] {
/* 去除原有样式 */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* 设置样式 */
border: 1px solid #999;
border-radius: 50%;
width: 20px;
height: 20px;
outline: none;
background-color: #fff;
}
/* 设置被选中的单选框样式 */
input[type=radio]:checked {
background-color: #000;
}

首先需要去除原有的单选框样式，包括webkit和moz引擎下的样式。为了设置样式方便，大家设置圆形的单选框，设置边框、大小和背景色。同时，还可以设置选中状态下的样式如背景色。