css radio选中与未选中的圆角矩形样式

可以使用 CSS 的伪类选择器 `:checked` 和 `:not(:checked)` 来分别为选中和未选中的 radio 添加样式，同时使用 `border-radius` 属性来设置圆角。例如：

/* 未选中的 radio 样式 */
input[type="radio"]:not(:checked) {
  border: 1px solid gray;
  background-color: white;
  color: black;
  border-radius: 10px; /* 设置圆角 */
}

/* 选中的 radio 样式 */
input[type="radio"]:checked {
  border: 1px solid blue;
  background-color: lightblue;
  color: white;
  border-radius: 10px; /* 设置圆角 */
}

这段代码会将未选中的 radio 的边框设为灰色，背景色设为白色，文字颜色设为黑色，同时设置圆角为 10px；将选中的 radio 的边框设为蓝色，背景色设为浅蓝色，文字颜色设为白色，同时设置圆角为 10px。你可以根据自己的需要来修改样式。

相关问题

css radio选中与未选中的样式

可以使用 CSS 的伪类选择器 `:checked` 和 `:not(:checked)` 来分别为选中和未选中的 radio 添加样式。例如：

/* 未选中的 radio 样式 */
input[type="radio"]:not(:checked) {
  border: 1px solid gray;
  background-color: white;
  color: black;
}

/* 选中的 radio 样式 */
input[type="radio"]:checked {
  border: 1px solid blue;
  background-color: lightblue;
  color: white;
}

这段代码会将未选中的 radio 的边框设为灰色，背景色设为白色，文字颜色设为黑色；将选中的 radio 的边框设为蓝色，背景色设为浅蓝色，文字颜色设为白色。你可以根据自己的需要来修改样式。

css radio选中的样式

可以使用 CSS 的伪类选择器 `:checked` 来为选中的 radio 添加样式。例如：

input[type="radio"]:checked {
  background-color: blue;
  color: white;
}

这段代码会将选中的 radio 的背景色设为蓝色，文字颜色设为白色。你可以根据自己的需要来修改样式。