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 相关文章推荐
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
基于JQuery制作的产品广告效果
Dec 08 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
Mar 06 Javascript
js微信扫描二维码登录网站技术原理
Dec 01 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
node简单实现一个更改头像功能的示例
Dec 29 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
react+redux仿微信聊天界面
Jun 21 Javascript
js面向对象方式实现拖拽效果
Mar 03 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
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
PHP中soap的用法实例
2014/10/24 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
php实现递归的三种基本方式
2020/07/04 PHP
php 防止表单重复提交两种实现方法
2016/11/03 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
深入分析js中的constructor和prototype
2012/04/07 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
python3 发送任意文件邮件的实例
2018/01/23 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
对python中基于tcp协议的通信(数据传输)实例讲解
2019/07/22 Python
实现Python与STM32通信方式
2019/12/18 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
生产总经理岗位职责
2013/12/19 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python