element-ui tooltip修改背景颜色和箭头颜色的实现
程序员文章站
2022-04-09 16:26:50
本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,分享给大家,具体如下:
本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,分享给大家,具体如下:
<el-tooltip class="item" effect="dark" content="分享" placement="left" popper-class="draw_share_atooltip"> <el-button> <div class="iconfont icon-_share"></div> </el-button> </el-tooltip>
//箭头颜色 .el-tooltip__popper[x-placement^=left] .popper__arrow::after { border-left-color: #515b62; } .el-tooltip__popper[x-placement^=left] .popper__arrow{ border-left-color: #515b62; }
//背景颜色 .draw_share_atooltip{ background: #515b62 !important; }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: vue.js自定义组件实现v-model双向数据绑定的示例代码
下一篇: 砂锅炖排骨要多久
推荐阅读
-
Android实现状态栏和虚拟按键背景颜色的变化实例代码详解
-
linux shell之控制台打印各种颜色字体和背景的实现方法
-
Android Selector 按下修改背景和文本颜色的实现代码
-
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
-
element-ui tooltip修改背景颜色和箭头颜色的实现
-
Element-Ui组件 单选框(Radio) 修改点击激活时的文本颜色,填充色和边框色
-
extjs grid设置某列背景颜色和字体颜色的实现方法
-
css3实现背景图片颜色修改的多种方式
-
android studio并列层,显示和隐藏按钮,修改背景的自定义颜色
-
linux shell之控制台打印各种颜色字体和背景的实现方法