【element ui】 select 选择器自定义样式_element select选项如何自定义

作者：IT小白 | 2024-02-18 10:10:19

踩

element select选项如何自定义

看门见山，直接上代码和截图！

Select 选择器自定义样式实现

默认样式
在这里插入图片描述
2. 代码实现
el-select 标签中使用了 popper-class属性和popper-append-to-body属性。

A. popper-class属性的含义是指定一个class ,该class定义弹出框的样式，即实现自定义样式。
因此：截图中的select-panel是写在style中的一个class name

在这里插入图片描述

B.popper-append-to-body属性的作用设置
弹出框是否插入在body下，默认值为true。值为true，表示将弹出框插入body下；

在这里插入图片描述

若popper-append-to-body属性值为false，将弹出框不插入body下，具体插入位置见截图声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】