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入门教程 Cookies
Jan 31 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
javascript数字格式化通用类 accounting.js使用
Aug 24 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
Jan 02 Javascript
jQuery.trim() 函数及trim()用法详解
Oct 26 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
vant 解决tab切换插件标题样式自定义的问题
Nov 13 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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
MySql中正则表达式的使用方法描述
2008/07/30 PHP
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
php递归json类实例
2014/12/02 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
jQuery live
2009/05/15 Javascript
jquery json 实例代码
2010/12/02 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
2015/02/10 Javascript
基于gulp合并压缩Seajs模块的方式说明
2016/06/14 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
Express之get,pos请求参数的获取
2017/05/02 Javascript
Vue计算属性的使用
2017/08/04 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
pygame学习笔记(4):声音控制
2015/04/15 Python
python 3.6.5 安装配置方法图文教程
2018/09/18 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
Python暴力破解Mysql数据的示例
2020/11/09 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
软件测试笔试题
2012/10/25 面试题
学校法制宣传月活动总结
2014/07/03 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
2014年客房部工作总结
2014/11/22 职场文书
爱情保证书
2015/01/17 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
汽车销售合同文本
2019/08/08 职场文书
详解Python中的进程和线程
2021/06/23 Python
python分分钟绘制精美地图海报
2022/02/15 Python
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python