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