修改el-tooltip的背景颜色
注意:以下修改都需要在全局样式修改,因为这个组件的层级,并不是在你使用他的地方,而是和你的app同一层级,所以在当前使用的地方找不到tip提示的dom节点。文章来源地址https://www.toymoban.com/news/detail-516518.html
修改提示框中长方形框的背景颜色
.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;
}
文章来源:https://www.toymoban.com/news/detail-516518.html
到了这里,关于element-ui中Tooltip文字提示——el-tooltip的样式修改的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!