修改el-tooltip的背景颜色
注意:以下修改都需要在全局样式修改,因为这个组件的层级,并不是在你使用他的地方,而是和你的app同一层级,所以在当前使用的地方找不到tip提示的dom节点。
修改提示框中长方形框的背景颜色
.el-tooltip__popper{
background: rgba(0,0,0,0.65) !important;
}
修改提示框中的小三角的边框颜色
// 注意[^=top]是下三角 即提示框在上方 若提示框在下方则[^=bottom]
.el-tooltip__popper[x-placement^=top] .popper__arrow:after{
border-top-color: #595959 !important;
}
本文介绍如何修改el-tooltip组件的背景颜色及小三角的边框颜色。需在全局样式进行设置,因为该组件并非位于使用位置,而是与app处于同一层级。提供了具体的CSS代码示例。
745

被折叠的 条评论
为什么被折叠?



