[Vuejs]-Change background-color of the-radio-button | Element UI

by

0👍

You need to use the second one and change it like below:

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

You have used . before checked while you need to change it to : for checked.

.(dot) denotes a class while : is used for the states or pseudo usages.

0👍

You can override css variables

.el-radio-button {
  --el-radio-button-checked-bg-color: blue;
  --el-radio-button-checked-text-color: white;
  --el-radio-button-checked-border-color: dark-blue;
  --el-radio-button-disabled-checked-fill: gray;
}

Leave a comment