<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> 如何去掉车门按扭的边框
时间: 2023-10-06 09:06:39 浏览: 45
你可以在 `<el-radio-button>` 标签中添加 `border="none"` 属性,像这样:
```
<el-radio-button label="车门" border="none"></el-radio-button>
```
这样就可以去掉车门按钮的边框了。
相关问题
<el-radio-button label="车身"></el-radio-button> 如何去除边框,再具体一些
你可以通过设置 `border:none` 来去掉 `<el-radio-button>` 的边框。具体实现方法如下:
```html
<template>
<div>
<el-radio-group v-model="selectedValue">
<el-radio-button label="车身" style="border:none;"></el-radio-button>
<el-radio-button label="轮胎" style="border:none;"></el-radio-button>
<el-radio-button label="发动机" style="border:none;"></el-radio-button>
</el-radio-group>
</div>
</template>
<script>
export default {
data() {
return {
selectedValue: '车身'
};
}
};
</script>
```
在上述代码中,通过在 `<el-radio-button>` 组件中设置 `style` 属性来设置样式,其中 `border:none` 表示去掉边框。这样就可以去掉 `<el-radio-button>` 的边框了。
怎么写能让这五个等分,<el-row :gutter="25"> <el-col :span="5"><div class="grid-content bg-purple"></div></el-col> <el-col :span="5"><div class="grid-content bg-purple"></div></el-col> <el-col :span="5"><div class="grid-content bg-purple"></div></el-col> <el-col :span="5"><div class="grid-content bg-purple"></div></el-col> <el-col :span="5"><div class="grid-content bg-purple"></div></el-col> </el-row>
您可以将 `<el-row>` 的 `span` 属性设置为 24,然后将每个 `<el-col>` 的 `span` 属性设置为 5,这样每个 `<el-col>` 就是等分的了。
代码示例:
```html
<el-row :gutter="25" :span="24">
<el-col :span="5"><div class="grid-content bg-purple"></div></el-col>
<el-col :span="5"><div class="grid-content bg-purple"></div></el-col>
<el-col :span="5"><div class="grid-content bg-purple"></div></el-col>
<el-col :span="5"><div class="grid-content bg-purple"></div></el-col>
<el-col :span="5"><div class="grid-content bg-purple"></div></el-col>
</el-row>
```
这样就可以实现五个等分了。