el-radio-group 填充色和边框色
时间: 2023-11-03 22:54:10 浏览: 125
el-radio-group 的填充色和边框色属性是通过 fill 参数来设置的。默认情况下,fill 的值为 "#409EFF",即深蓝色。通过修改 fill 的值,可以改变按钮形式的 Radio 激活时的填充色和边框色。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [Element-Ui组件之Radio 单选框(点击和el-tabs点击)](https://blog.csdn.net/qq_36850813/article/details/81060126)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]
相关问题
el-radio-group设置未选中填充颜色
el-radio-group可以通过设置未选中状态的样式来实现未选中填充颜色的效果。你可以在el-radio-group的样式中设置以下代码来实现:
```
.el-radio__input.is-checked+.el-radio__label::before {
border-color: #409EFF;
background-color: #409EFF;
}
.el-radio__input+.el-radio__label::before {
border-color: #dcdfe6;
background-color: #dcdfe6;
}
```
其中,`.el-radio__input.is-checked+.el-radio__label::before`表示选中状态下的样式,`background-color`属性设置填充颜色;`.el-radio__input+.el-radio__label::before`表示未选中状态下的样式,同样可以通过`background-color`属性设置填充颜色。你可以根据具体需求修改颜色值。
el-radio-group里背景色修改不生效
在 `el-radio-group` 中修改背景色,需要使用 `background-color` 属性,而不是 `background` 属性。同时,由于 `el-radio-group` 是一个组件,它可能被包含在其他组件中,因此可能需要使用 CSS 选择器来定位它。以下是一个示例:
```html
<template>
<el-radio-group class="my-radio-group">
<el-radio label="1">选项1</el-radio>
<el-radio label="2">选项2</el-radio>
<el-radio label="3">选项3</el-radio>
</el-radio-group>
</template>
<style>
.my-radio-group {
background-color: #f5f5f5;
}
</style>
```
在以上示例中,我们使用了 `.my-radio-group` 选择器来定位 `el-radio-group`,并将其背景色设置为 `#f5f5f5`。请注意,这只是一个示例,你需要根据你的实际情况和需求来修改样式。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)