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