新年三,旧三年,学完三年又三年。程序是个永远学不完的一个坑。今天就来,以前我从事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下看个人咯。