<el-radio-button label="发动机" border="none"></el-radio-button> 这样应该可以去掉边框。 这样也去不掉边框
时间: 2023-10-07 10:08:24 浏览: 366
您可以尝试添加以下 CSS 样式来去掉边框:
```css
.el-radio-button.is-bordered {
border: none;
}
```
然后在 `el-radio-button` 上添加 `class="is-bordered"` 即可。
如果您的边框样式仍然存在,可以使用浏览器开发者工具来检查 CSS 样式是否被覆盖或覆盖不全。
相关问题
你可以在 <el-radio-button> 标签中添加 border="none" 属性,像这样: 复制 <el-radio-button label="车门" border="none"></el-radio-button> 这样就可以去掉车门按钮的边框了。 并不行
很抱歉,我之前的回答有误。在 ElementUI 的文档中,并没有提供 `border` 这个属性来控制 `<el-radio-button>` 的边框。如果需要去掉边框,可以通过自定义样式来实现。例如:
```html
<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-button label="发动机" style="border:none;"></el-radio-button> 仍然有边框
可以尝试添加以下样式来去掉边框:
```css
.el-radio-button__inner {
border: none;
}
```
或者在组件上添加 `border` 属性并将其值设为 `"none"`,如下所示:
```html
<el-radio-button label="发动机" border="none"></el-radio-button>
```
这样应该可以去掉边框。
阅读全文