el-select多选框如何改变样式,改成一行可以多个
时间: 2023-08-11 16:32:48 浏览: 200
详解如何修改el-select的样式:popper-append-to-body和popper-class
你可以通过修改 `el-select` 组件的样式来实现将多选框改成一行可以多个的样式。具体的样式修改可以参考以下代码:
```css
/* 将多选框改成一行可以多个的样式 */
.el-select .el-input__inner {
display: flex;
flex-wrap: wrap;
}
.el-select .el-input__inner .el-tag {
margin: 0 5px 5px 0;
}
```
上面的 CSS 代码中,我们将 `el-select` 中的 `.el-input__inner` 样式修改成了 `display: flex; flex-wrap: wrap;`,即将其变成一个可以换行的 flex 容器。然后将 `.el-tag` 的样式修改成了 `margin: 0 5px 5px 0;`,即将多选框之间的间距调整为 5px。
这样就可以将 `el-select` 多选框改成一行可以多个的样式了。当然,具体的样式修改还需要根据你的实际情况进行调整。
阅读全文