看门见山,直接上代码和截图!
Select 选择器 自定义样式实现
- 目标:自定义实现Element ui 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下,具体插入位置见截图????
OK, 自定义样式完成!下期再见!ヾ(ToT)ByeBye