el-radio-button去掉边框
时间: 2023-10-09 12:17:09 浏览: 143
要去掉 `el-radio-button` 的边框,可以通过 CSS 样式来实现。可以加入以下样式:
```css
.el-radio-button__inner {
border: none;
}
```
这会将 `el-radio-button` 内部的圆形按钮的边框去掉。如果你也想去掉选中时的边框,可以加入以下样式:
```css
.el-radio-button.is-active .el-radio-button__inner {
box-shadow: none;
}
```
这会将选中状态下的 `el-radio-button` 的边框阴影去掉。
相关问题
<el-radio-button label="车身"></el-radio-button> 去除边框
你可以使用 CSS 来设置该 radio button 的样式,例如:
```css
.el-radio-button__inner {
border: none;
}
```
这会将 radio button 的内部圆圈中的边框去除。如果你想要连同外部的边框一起去除,可以使用以下的 CSS:
```css
.el-radio-button__inner,
.el-radio-button__original {
border: none;
}
```
这会将 radio button 的内部和外部的边框都去除。
<el-radio-button label="车身"></el-radio-button> 如何去除边框
您可以使用 CSS 来去除 `<el-radio-button>` 的边框。可以通过在 `<style>` 标签内或者外部的 CSS 文件中添加以下代码来实现:
```
.el-radio-button__inner {
border: none;
}
```
这将会去除 `<el-radio-button>` 的边框。您可以根据需要进行微调,如改变边框的颜色、粗细等。
阅读全文