vue中使用element-ui ,设置级联选择器高度问题
一、前言我本来以为设置elemnt-ui组件样式需要用到深度选择器,然后找了好多关于深度选择器的,比如>>>/deep/::v-deep后来才明白是权重不够,解决方法如下二、设置高度方法1、在全局css中设置.el-cascader-menu{height: 400px;}缺点:所有级联选择器的高度都是固定的结论:只有在所有页面级联选择器都一致的情况下或者只有一个级联选择器情况下
·
一、前言
我本来以为设置elemnt-ui组件样式需要用到深度选择器,然后找了好多关于深度选择器的,比如>>> /deep/ ::v-deep
后来才明白是权重不够,解决方法如下
二、设置高度方法
1、在全局css中设置
.el-cascader-menu{
height: 400px;
}
缺点:所有级联选择器的高度都是固定的
结论:只有在所有页面级联选择器都一致的情况下或者只有一个级联选择器情况下使用这种方法
2、在使用级联选择器的页面单独设置
<style>
/* .el-cascader-menu__wrap {
height: 400px!important;
} */
/* .el-cascader-menu{
height: 400px!important;
} */
.el-cascader-panel{
height: 400px!important;
}
</style>
更多推荐
已为社区贡献1条内容
所有评论(0)