700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > element-ui 自定义el-popover弹出框的样式 以及弹出框的位置(相对于自身来说)

element-ui 自定义el-popover弹出框的样式 以及弹出框的位置(相对于自身来说)

时间:2023-05-26 20:10:02

相关推荐

element-ui 自定义el-popover弹出框的样式 以及弹出框的位置(相对于自身来说)

原来的样式

自定义样式以后的弹出框

popper-class=“area_popper” 给弹出框添加类名,设定自定义样式

.area_popper{background-color: #3d4451!important;border-radius: 6px!important;opacity: 0.9!important;font-size: 12px!important;color: #ffffff!important; padding: 0!important;transform: translateY(12px);} .showText{margin: 8px;}.popper__arrow::after{border-top-color: #3d4451!important;}

样式要写到全局样式表中

自定义弹出的位置,要用到 transform平移和子自身的一个偏移量属性offset结合使用,达到预期效果;之前一直在考虑用定位,一直没有成功

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