修改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;
        }
相关文章
|
3月前
设置表格的背景颜色和背景图片
设置表格的背景颜色和背景图片
38 10
字符串输出颜色,字体颜色,背景色
字符串输出颜色,字体颜色,背景色
|
6月前
设置单元格的背景颜色和背景图片
【6月更文挑战第17天】设置单元格的背景颜色和背景图片。
26 3
|
5月前
|
JavaScript
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
|
7月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
820 0
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
|
7月前
|
JavaScript 前端开发
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
57 0
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
106 0
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
196 0
|
前端开发
css只改变input输入框光标颜色不改变文字颜色实现方法
css只改变input输入框光标颜色不改变文字颜色实现方法