element-ui tooltip修改背景颜色和箭头颜色的实现


Posted in Javascript onDecember 16, 2019

本文介绍了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;
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
不同浏览器的怪癖小结
Jul 11 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
jQuery+Ajax实现无刷新分页
Oct 30 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
May 14 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 #Javascript
js DOM的事件常见操作实例详解
Dec 16 #Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
Dec 16 #Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 #Javascript
javascript自定义右键菜单插件
Dec 16 #Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 #Javascript
js实现数字滚动特效
Dec 16 #Javascript
You might like
打造计数器DIY三步曲(上)
2006/10/09 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
JS与C#编码解码
2013/12/03 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
2015/12/31 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
JS实现中文汉字按拼音排序的方法
2017/10/09 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
pyhton列表转换为数组的实例
2018/04/04 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
python+Selenium自动化测试——输入,点击操作
2020/03/06 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
用C#语言写出在本地创建一个UDP接收端口的具体过程
2016/02/22 面试题
汽车检测与维修专业求职信
2013/10/30 职场文书
工商管理实习生自我鉴定范文
2013/12/18 职场文书
《雨点儿》教学反思
2014/04/14 职场文书
岗位说明书标准范本
2014/07/30 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
社区母亲节活动总结
2015/02/10 职场文书
学生会个人总结范文
2015/02/15 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
项目备案申请报告
2015/05/15 职场文书
原告离婚代理词
2015/05/23 职场文书
中秋节主题班会
2015/08/14 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
java实现面板之间切换功能
2022/06/10 Java/Android