修改element样式避坑笔记

一点要添加这个:popper-append-to-body="false",否则就算加了/deep/还是加了!important,对于要修改的样式还是不生效的。

 					<el-select :popper-append-to-body="false" 
 					 v-model="value" placeholder="请选择" >
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>

举例:下图就是没修改之前的,需求是贴合并对齐选择框
在这里插入图片描述

/deep/.el-select-dropdown{
    
    
  left: 0 !important;
  margin-top: 3px !important;
}

这是修改之后的
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43449246/article/details/130011797
今日推荐