el-radio-group 填充色和边框色

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 选择器来定位它。以下是一个示例：

<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`。请注意，这只是一个示例，你需要根据你的实际情况和需求来修改样式。