element-plus删除默认样式 el-select
时间: 2023-07-22 22:22:43 浏览: 629
element-plus离线文档
3星 · 编辑精心推荐
您可以通过以下方式删除 Element Plus 中 `el-select` 的默认样式:
1. 在样式文件中覆盖 Element Plus 中 `el-select` 的默认样式。具体实现方式如下:
```css
/* 去掉 el-select 中的默认样式 */
.el-select .el-input {
border: none;
padding: 0;
}
```
2. 在 `el-select` 标签上添加 `class` 或 `style` 属性,并通过自定义样式来覆盖默认样式。例如:
```html
<el-select class="custom-select">
<el-option label="选项一" value="1"></el-option>
<el-option label="选项二" value="2"></el-option>
</el-select>
<style>
.custom-select .el-input {
border: none;
padding: 0;
}
</style>
```
以上两种方式都可以去掉 `el-select` 中的默认样式,具体实现方式根据您项目的具体情况选择即可。
阅读全文