修改element-ui select的样式
代码语言:javascript复制<el-select
v-if="options.length > 0"
@change="handleSelectKeyChange"
:value="searchKey"
slot="prepend"
style="width:110px"
placeholder="请选择"
:popper-append-to-body="false"
popper-class="select-popper">
<el-option
v-for="item in options"
:label="item.label"
:value="item.value"
:disabled="item.disabled"
:key="item.value">
</el-option>
</el-select>
** 在el-select选择器上加一定要加上这俩行
代码语言:javascript复制 :popper-append-to-body="false" // options 默认不在#app元素中显示
popper-class="select-popper" // 必须 提供当前类名,否则---无法修改
这是修改的样式
代码语言:javascript复制/deep/.select-popper {
.el-select-dropdown__item.selected {
font-weight: normal;
}
}