el-radio取消边框后和el-button对不齐

你可以尝试为 `el-radio` 组件添加自定义样式，以取消边框并使其与 `el-button` 对齐。你可以使用以下 CSS 代码：

.el-radio .el-radio__inner {
  border: none;  /* 取消边框 */
}

.el-radio .el-radio__label {
  vertical-align: middle;  /* 垂直居中对齐 */
}

将上述代码添加到你的样式文件中，然后应用到页面中的 `el-radio` 组件。这样应该可以解决 `el-radio` 和 `el-button` 不对齐的问题。记得将样式文件引入到你的页面中。

相关问题

<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>

这样就可以去掉车门按钮的边框了。

如果你想完全去掉 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 标签中。 不行

如果您想完全去掉 el-radio-button 的边框和阴影，可以在使用时添加 `border` 和 `box-shadow` 属性并将它们设置为 `none`，例如：

<el-radio-button style="border: none; box-shadow: none;"></el-radio-button>

这样，该单选按钮就不会有任何边框和阴影了。请注意，这种方法只会影响特定的单选按钮，如果您想应用于所有的单选按钮，可以在全局样式表中添加相应的 CSS 样式。