修改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;
        }
相关文章
|
1月前
设置单元格的背景颜色和背景图片
设置单元格的背景颜色和背景图片。
22 1
|
1月前
设置表格的背景颜色和背景图片
设置表格的背景颜色和背景图片。
21 1
|
1月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
327 0
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
|
1月前
|
JavaScript 前端开发
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
JS单选框默认选中样式修改,为白色背景中心有黑色小圆点的样式
24 0
|
1月前
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
|
7月前
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
53 0
|
7月前
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
|
9月前
|
前端开发
css只改变input输入框光标颜色不改变文字颜色实现方法
css只改变input输入框光标颜色不改变文字颜色实现方法
|
9月前
|
前端开发
css文字选中添加背景色改变字体颜色--三角号demo效果示例(整理)
css文字选中添加背景色改变字体颜色--三角号demo效果示例(整理)

热门文章

最新文章