很抱歉，我之前的回答有误。在 ElementUI 的文档中，并没有提供 border 这个属性来控制 <el-radio-button> 的边框。如果需要去掉边框，可以通过自定义样式来实现。例如： 复制 <template> <el-radio-button label="车门" class="no-border"></el-radio-button> </template> <style> .no-border { border: none; } </style> 在上面的代码中，我们为 <el-radio-button> 添加了一个 class 为 no-border 的样式，并设置了 border: none; 来去掉边框。 也不行

如果自定义样式仍然无法去掉边框，可能是因为 ElementUI 的 CSS 样式覆盖了我们的自定义样式。这时可以使用 !important 关键字来强制覆盖 ElementUI 的样式，例如：

<template>
  <el-radio-button label="车门" class="no-border"></el-radio-button>
</template>

<style>
.no-border {
  border: none !important;
}
</style>

添加 !important 关键字后，我们的自定义样式将会覆盖 ElementUI 的样式，从而实现去掉边框的效果。

相关问题

你可以在 <el-radio-button> 标签中添加 border="none" 属性，像这样： 复制 <el-radio-button label="车门" border="none"></el-radio-button> 这样就可以去掉车门按钮的边框了。 并不行

很抱歉，我之前的回答有误。在 ElementUI 的文档中，并没有提供 `border` 这个属性来控制 `<el-radio-button>` 的边框。如果需要去掉边框，可以通过自定义样式来实现。例如：

<template>
  <el-radio-button label="车门" class="no-border"></el-radio-button>
</template>

<style>
.no-border {
  border: none;
}
</style>

在上面的代码中，我们为 `<el-radio-button>` 添加了一个 `class` 为 `no-border` 的样式，并设置了 `border: none;` 来去掉边框。

<el-radio-group v-model="radio1" border:none> 去掉边框

可以通过设置 `border` 属性为 `none` 来去掉 `el-radio-group` 组件的边框，代码如下：

<el-radio-group v-model="radio1" border="none">
  <el-radio :label="1">选项1</el-radio>
  <el-radio :label="2">选项2</el-radio>
  <el-radio :label="3">选项3</el-radio>
</el-radio-group>

另外，你也可以通过设置 CSS 样式来实现去掉边框的效果，代码如下：

<el-radio-group v-model="radio1" class="no-border">
  <el-radio :label="1">选项1</el-radio>
  <el-radio :label="2">选项2</el-radio>
  <el-radio :label="3">选项3</el-radio>
</el-radio-group>

.no-border .el-radio-button {
  border: none;
}