默认高度是 40px。
自定义高度要修改内部 css。注意右侧的箭头也要修改,否则会有偏移问题。
直接上代码
<style lang="stylus">
/* 自定义宽度 */
.my-el-select {
width: 320px;
/* selecte 框的高度设置,默认是 40px*/
.el-input__inner{
height: 30px;
}
/* 下面设置右侧按钮居中 */
.el-input__suffix {
top: 5px;
}
.el-input__icon {
line-height: inherit;
}
.el-input__suffix-inner {
display: inline-block;
}
}
</style>
说明:
- 使用 stylus,style 标签 没有设置 scoped,所以是全局设置,但要设置一个自定义class,如: my-el-select。这样不会影响项目中其它的 el-select。
- el-input__inner:改变高度,el-input__suffix:改变箭头的 位置。这两个的值可在F12 调试时,测试获取。
- el-select 的宽度可自定义 class 设置,或外面套一个div设置。因为编译后它最外层是个div。
原文地址:https://blog.csdn.net/sinat_31213021/article/details/114115024
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。