解决element里Tooltip 文字提示hover后的默认样式
有时候我们点击f12没办法准确的定位到这个标签的样式,推荐一个快捷键ctrl+shift+c ,就可以找到了
- 解决背景颜色和字体、边框
<style lang="scss">
.el-tooltip__popper.is-light{
background-color: green !important;
color: red;
border: 1px solid #000000 !important;
}
</style>
以上颜色只是为了更好的读取随意设置,如果没用,请去掉scoped,加上 !important
- 箭头样式
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow{
border-right-color: #ffffff !important;
}
这样就ok啦,is-light 是他的主题,还有一个dark也是可以替换的