Question

我有一个单选按钮，我需要更改所选按钮的背景颜色，默认情况下为亮蓝色。

我正在尝试这种方式：

<el-radio-group v-model="radio1">
      <el-radio-button label="New York"></el-radio-button>
      <el-radio-button label="Washington"></el-radio-button>
      <el-radio-button label="Los Angeles"></el-radio-button>
      <el-radio-button label="Chicago"></el-radio-button>
    </el-radio-group>

CSS （没有一个对我有用，它不会更改广播组）

.el-radio-button__inner.checked {
  background-color: rgb(222, 233, 243);
  border-color: #409eff;
}
.el-radio-button__orig-radio.checked + .el-radio-button__inner {
  background-color: rgb(222, 233, 243);
  border-color: #409eff;
}
.el-radio-button__inner .is-active {
  background-color: rgb(222, 233, 243);
  border-color: #409eff;
}

Codigo

元素引用：： https://element.eleme.io/#/es/component/radio

Answer 1

您需要使用第二个密码，并进行如下更改：

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: rgb(222, 233, 243);
  border-color: #409eff;
}

您在.之前使用过checked，而您需要将其更改为:进行检查。

.(dot)表示一个类，而:用于状态或pseudo的用法。

更改单选按钮的背景颜色|元素用户界面

1 个答案: