个人博客同步csdn
- 首先给el-select的容器上面自定义一个类名,避免污染别的el-select
- 写css,注意这里用了less
<style scoped lang="less">
.el-select-dense {
--height: 35px;
//el-select本身的高度
/deep/ input {
height: var(--height);
}
//el-select右边的图标
/deep/ .el-input__icon {
line-height: var(--height);
}
}
</style>
-
效果图(前)
文章来源:https://www.toymoban.com/news/detail-520973.html -
效果图(后)
文章来源地址https://www.toymoban.com/news/detail-520973.html
到了这里,关于最简单的使用css修改element-ui的el-select的高度的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!