修改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

?

1 2 3

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