600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 自定义elementUI select下拉框样式

自定义elementUI select下拉框样式

时间:2020-01-18 15:55:19

相关推荐

自定义elementUI select下拉框样式

无论加important还是deep ,发现怎样也改不了下拉框的样式,点击元素发现下拉框与script标签是同级的(看下图)

官方文档上写加 :popper-append-to-body=‘false’ ,再修改样式,但对我好像没有用

官方文档上写还有一个属性,可以给下拉框添加类名,发现这个可以,但是样式不能加scope,这点就很重要,否则样式还是无效

最终方案,添加类名popper-class=“popper_select”,去掉scope ,看代码

<el-select v-model="popInfo.season" popper-class="popper_select"><el-option label="春" value="春"></el-option><el-option label="夏" value="夏"></el-option><el-option label="秋" value="秋"></el-option><el-option label="冬" value="冬"></el-option></el-select>

<style lang="scss" >.popper_select{z-index: 9999!important;}</style>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。