如果你想完全去掉 el-radio-button 的边框和阴影,可以使用以下样式: 复制 .el-radio-button { border: none; box-shadow: none; } .el-radio-button__inner { border: none; } .el-radio-button.is-active .el-radio-button__inner { box-shadow: none; } 这样 el-radio-button 就不会有任何边框和阴影了。记得要将这些样式放在合适的位置,比如在你的 CSS 文件中或者在 style 标签中。 不行
时间: 2023-08-01 10:11:07 浏览: 1166
如果您想完全去掉 el-radio-button 的边框和阴影,可以在使用时添加 `border` 和 `box-shadow` 属性并将它们设置为 `none`,例如:
```html
<el-radio-button style="border: none; box-shadow: none;"></el-radio-button>
```
这样,该单选按钮就不会有任何边框和阴影了。请注意,这种方法只会影响特定的单选按钮,如果您想应用于所有的单选按钮,可以在全局样式表中添加相应的 CSS 样式。
相关问题
如果您想完全去掉 el-radio-button 的边框和阴影,可以在使用时添加 border 和 box-shadow 属性并将它们设置为 none,例如: 复制 <el-radio-button style="border: none; box-shadow: none;"></el-radio-button> 这样,该单选按钮就不会有任何边框和阴影了。请注意,这种方法只会影响特定的单选按钮,如果您想应用于所有的单选按钮,可以在全局样式表中添加相应的 CSS 样式。 不行
如果您想在全局样式表中应用样式,可以使用以下 CSS 代码:
```
.el-radio-button {
border: none !important;
box-shadow: none !important;
}
```
这将覆盖默认样式并将边框和阴影设置为 none。请注意,使用 !important 可能会影响其他样式的继承和覆盖,请谨慎使用。
<div> <el-radio-group v-model="radio1"> <el-radio-button label="发动机" style="border:none;"></el-radio-button> <el-radio-button label="前端" border="none" ></el-radio-button> <el-radio-button label="后端"></el-radio-button> <el-radio-button label="车门"></el-radio-button> </el-radio-group> </div> 如何去掉车门按扭的边框
你可以在 `<el-radio-button>` 标签中添加 `border="none"` 属性,像这样:
```
<el-radio-button label="车门" border="none"></el-radio-button>
```
这样就可以去掉车门按钮的边框了。
阅读全文