elementPlus的下拉框css样式的修改

可能会解决的问题

  1. 如何设置el-popper 的样式
  2. css选择器正确,但是 F12 的样式中,始终找不到自己写的样式

使用popper-class属性,设置下拉框样式

Popover 弹出框
前提,根据这个属性,能设置下拉框的样式。
在这里插入图片描述
但是,只修改这里没有用。发现自己的css选择器总是选不到。
f12查看,发下弹出来的下拉框其实没有在自己想象中的位置(跟代码中的位置不同)

解决css选择不到的问题

根据这里知道的,elment中popper-append-to-body的作用是将下拉框的代码放在 #app的div里
el-select下拉框选项的样式修改

但是,我怎么也复现不了。查阅elementPlus发现,该属性已经废弃了。
在这里插入图片描述
根据上面文章的理解,
“teleported”这个属性似乎是替代。

代码中尝试,确实如此。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值