修改Tooltip 文字提示 的背景色 箭头颜色

简介: 修改Tooltip 文字提示 的背景色 箭头颜色

3==》vue 鼠标右击


<div @contextmenu.prevent="mouseRightClick">


prevent是阻止鼠标的默认事件

 


4==》自己封装的组建,不可以写 @click="Delbg(index)" 这一种是没有任何效果的哦。


<!-- notecolordel 是自己的组件 -->


<notecolordel @passFaDel="passFaDel(index)" @click="Delbg(index)">

</notecolordel>

 

 

5==》如何使用CSS选择除最后一个之外的所有子元素?


element:not(:last-child) {

// CSS样式

}

 

6==》修改Tooltip 文字提示 的背景色  箭头颜色


原地址  https://blog.csdn.net/SundayAaron/article/details/81510193


<el-tooltip content="Top center" placement="right" popper-class="test">
      <el-button>Dark</el-button>
</el-tooltip>
 /* 以下两个修改箭头颜色  */
        .el-tooltip__popper[x-placement^=right] .popper__arrow{
              border-right-color: #1ab394;
         }
        .el-tooltip__popper[x-placement^=right] .popper__arrow:after {
            border-right-color: #1ab394;
         }
         /* 修改提示框的内容背景色 */
        .test{
          background: #1ab394 !important;
        }
相关文章
|
机器学习/深度学习 算法 PyTorch
大规模模型训练tricks集锦
大规模模型训练tricks集锦
740 1
|
前端开发 算法 API
直接在前端做 zip 压缩/解压
前段时间研究前端是如何解析 excel 表格的时候了解到 jszip 这个库,可以直接在前端对 zip 包进行压缩和解压缩,今天稍微水一篇。
|
移动开发 编解码 前端开发
DingTalk「开发者说」酷应用沉浸式容器开发指南
在移动端是半屏效果,可以达到轻交互,不打断当前对话的效果,所以比较适合酷应用的沉浸式交互场景。沉浸容器(在桌面端被称之为侧边栏)在桌面端也需要遵循一些规范标准,如侧边栏标题、侧边栏关闭、自定义内容区、操作按钮、二级页面按钮等。
1701 0
DingTalk「开发者说」酷应用沉浸式容器开发指南
|
定位技术 API
基于Leaflet.draw的自定义绘制实战
本文介绍了如何基于leaflet.draw进行自定义绘制,同时获取对象的bbox和geojson信息。
1090 0
基于Leaflet.draw的自定义绘制实战
element-ui table排序sortable三种状态,怎么去掉默认状态
在 element-ui 中,也定义了 sort-orders 有三种状态: ascending、descending、null,这三种状态形成一个循环切换。
3321 0
|
人工智能 大数据 开发者
阿里云技术解决方案开放免费试用,热门AI场景免费体验!
阿里云推出免费试用计划,2025年7月起,新老用户均可领取100点试用点,用于部署体验技术解决方案。完成部署还可再获最高100点,相当于一年200元云资源免费用。支持AI、大数据、安全等多个领域,涵盖DeepSeek部署、模型微调等热门场景。点击链接即可领取,快速上手云上方案。
|
12月前
|
Web App开发 缓存 UED
如何设置浏览器的缓存策略?
【10月更文挑战第23天】通过合理地设置浏览器的缓存策略,可以在提高网页性能、减少网络流量的同时,确保用户能够获取到最新的内容,从而提升用户体验和网站的性能优化效果。
979 60
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
1582 0
|
JavaScript 前端开发
如何将你的项目上传到 npm
如何将你的项目上传到 npm
817 0