200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > element Tooltip背景颜色样式修改

element Tooltip背景颜色样式修改

时间:2020-08-14 19:00:10

相关推荐

element Tooltip背景颜色样式修改

使用这个属性popper-class添加一个class.

<el-tooltip content="Top center" placement="top" popper-class="atooltip"><el-button>Dark</el-button></el-tooltip>

.atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow {border-top-color: pink;}.atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {border-top-color: pink;}.atooltip {background: pink !important;}

注意

placement的属性值有top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end

[x-placement^=??]border-??-color的上下左右 要与placement一致

⚠️ 不能放到scoped

线上运行地址

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