el-radio-group里背景色修改不生效
时间: 2023-10-03 21:09:32 浏览: 230
elementUi vue el-radio 监听选中变化的实例代码
5星 · 资源好评率100%
el-radio-group 组件本身没有背景色,它只是一个包含多个 el-radio 组件的容器。如果你想要修改 el-radio 组件的背景色,可以使用 CSS 来实现。例如:
```css
.el-radio__inner {
background-color: red;
}
```
这样会将所有 el-radio 组件的选中状态的背景色设置为红色。如果需要设置非选中状态的背景色,可以使用以下 CSS:
```css
.el-radio__input.is-checked+.el-radio__label {
background-color: red;
}
```
需要注意的是,以上 CSS 可能会影响到所有使用 el-radio 组件的地方,如果需要只针对某个特定的 el-radio-group 组件生效,可以为该组件添加一个自定义的 class,然后在 CSS 中使用该 class 来限定作用范围。例如:
```html
<el-radio-group class="my-radio-group">
<!-- ... -->
</el-radio-group>
```
```css
.my-radio-group .el-radio__inner {
background-color: red;
}
```
阅读全文