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-button label="车身"></el-radio-button> 如何去除边框，再具体一些

你可以通过设置 `border:none` 来去掉 `<el-radio-button>` 的边框。具体实现方法如下：

<template>
  <div>
    <el-radio-group v-model="selectedValue">
      <el-radio-button label="车身" style="border:none;"></el-radio-button>
      <el-radio-button label="轮胎" style="border:none;"></el-radio-button>
      <el-radio-button label="发动机" style="border:none;"></el-radio-button>
    </el-radio-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '车身'
    };
  }
};
</script>

在上述代码中，通过在 `<el-radio-button>` 组件中设置 `style` 属性来设置样式，其中 `border:none` 表示去掉边框。这样就可以去掉 `<el-radio-button>` 的边框了。