200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > element Tooltip 提示组件修改背景颜色 箭头颜色

element Tooltip 提示组件修改背景颜色 箭头颜色

时间:2021-11-14 01:26:26

相关推荐

element Tooltip 提示组件修改背景颜色 箭头颜色

1,添加自定义类名 popper-class=“atooltip”

<el-tooltip popper-class="atooltip" content="Top Center 提示文字" placement="top"><el-button>Dark</el-button></el-tooltip>

2.添加样式

<style>// 控制三角形颜色.el-tooltip__popper[x-placement^=top] .popper__arrow{border-top-color: #1ab394;}.el-tooltip__popper[x-placement^=top] .popper__arrow:after {border-top-color: #1ab394;}// 控制主题颜色.atooltip{background: #1ab394 !important;}</style>

3.注意事项:

(1)方向要根据自己的改变 top right等

(2)style 不要加scoped 锁死样式的话 不起作用

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