一点要添加这个: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;
}
这是修改之后的