修改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;
        }
目录
打赏
0
0
0
0
1
分享
相关文章
|
5月前
设置表格的背景颜色和背景图片
设置表格的背景颜色和背景图片
50 10
字符串输出颜色,字体颜色,背景色
字符串输出颜色,字体颜色,背景色
|
8月前
设置单元格的背景颜色和背景图片
【6月更文挑战第17天】设置单元格的背景颜色和背景图片。
35 3
|
9月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
903 0
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
67 0
|
9月前
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
111 0
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
224 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等