编程 Javascript

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;
 }

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

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

- Author -

良品山核桃

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件

Feb 23 Javascript

jQuery LigerUI 使用教程表格篇(1)

Jan 18 Javascript

使用javascript控制cookie显示和隐藏背景图

Feb 12 Javascript

js的touch事件的实际引用

Oct 13 Javascript

node.js中的forEach()是同步还是异步呢

Jan 29 Javascript

jQuery插件scroll实现无缝滚动效果

Apr 27 Javascript

jQuery仿gmail实现fixed布局的方法

May 27 Javascript

jQuery+AJAX实现无刷新下拉加载更多

Jul 03 Javascript

JSONP原理及简单实现

Jun 08 Javascript

BootStrap入门教程(一)之可视化布局

Sep 19 Javascript

微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例

Nov 22 Javascript

JavaScript中 this 指向问题深度解析

Feb 21 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