element ui 的 tips 样式修改

 新年三，旧三年，学完三年又三年。程序是个永远学不完的一个坑。今天就来，以前我从事8年前端开发的姐夫对我说过，css才是最难搞的什么js，ES，ts其实都不难。

当时的我不屑一顾！你怕不是在和我开玩笑哦~


现在我信了。。。程序逻辑千篇一律。但是你永远不知道你的产品会想出什么样子的交互......
今天来分享一下element ui 的 tips 样式修改（下次我宁可自己重写一个我也不想到处找和修改他的底层css了）。

 

.el-tooltip__popper[x-placement^=top] .popper__arrow{

border-top-color: #90e4fd !important;

}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {

border-top-color: #ffffff !important;

}

.el-tooltip__popper.is-dark {

background: #ffffff !important;

box-shadow: 0 0 10px #90e4fd;

color: #000 !important;

}


切记。一定要在非scoped的标签下使用。是否在App.vue下看个人咯。