element-ui tooltip修改背景顏色和箭頭顏色的實(shí)現(xiàn)
更新時(shí)間：2019年12月16日 14:34:33 作者：良品山核桃
這篇文章主要介紹了element-ui tooltip修改背景顏色和箭頭顏色的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
本文介紹了element-ui tooltip修改背景顏色和箭頭顏色的實(shí)現(xiàn)，分享給大家，具體如下：
<el-tooltip class="item" effect="dark" content="分享" placement="left" popper-class="draw_share_atooltip">
<el-button>
<div class="iconfont icon-_share"></div>
</el-button>
</el-tooltip>
//箭頭顏色
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
border-left-color: #515b62;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow{
border-left-color: #515b62;
}
//背景顏色
.draw_share_atooltip{
background: #515b62 !important;
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
今天小編就為大家分享一篇vuejs點(diǎn)擊class變化的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
element-ui實(shí)現(xiàn)表格邊框的動(dòng)態(tài)切換并防抖
這篇文章主要介紹了element-ui實(shí)現(xiàn)表格邊框的動(dòng)態(tài)切換并防抖方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
element?select必填項(xiàng)驗(yàn)證回顯問(wèn)題的解決
本文主要介紹了element?select必填項(xiàng)驗(yàn)證回顯問(wèn)題的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
在Vue3中,onUnmounted是一個(gè)生命周期鉤子,它會(huì)在組件實(shí)例被卸載（unmounted）和銷毀之前被調(diào)用,本文給大家介紹vue3中onUnmounted使用詳解,感興趣的朋友跟隨小編一起看看吧2024-03-03
ue-bus 提供了一個(gè)全局事件中心，并將其注入每一個(gè)組件，你可以像使用內(nèi)置事件流一樣方便的使用全局事件。這篇文章給大家介紹了vue bus全局事件中心簡(jiǎn)單Demo，需要的朋友參考下吧2018-02-02
VUE中的export default和export使用方法解析
export default和export都能導(dǎo)出一個(gè)模塊里面的常量，函數(shù)，文件，模塊等，在其它文件或模塊中通過(guò)import來(lái)導(dǎo)入常量，函數(shù)，文件或模塊。但是，在一個(gè)文件或模塊中export,import可以有多個(gè)，export default卻只能有一個(gè)。2022-12-12
Vue使用vue-draggable 插件在不同列表之間拖拽功能
這篇文章主要介紹了使用vue-draggable 插件在不同列表之間拖拽,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-03-03
UniApp是一個(gè)基于Vue.js開發(fā)的跨平臺(tái)應(yīng)用開發(fā)框架,它可以使用一套代碼同時(shí)構(gòu)建iOS、Android和Web應(yīng)用,這篇文章主要給大家介紹了關(guān)于如何使用vue3+uni-app封裝音樂(lè)播放插件的相關(guān)資料,需要的朋友可以參考下2023-11-11
vxe-list?vue?如何實(shí)現(xiàn)下拉框的虛擬列表
這篇文章主要介紹了vxe-list?vue?如何實(shí)現(xiàn)下拉框的虛擬列表，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
解決vue項(xiàng)目刷新后,導(dǎo)航菜單高亮顯示的位置不對(duì)問(wèn)題
今天小編就為大家分享一篇解決vue項(xiàng)目刷新后,導(dǎo)航菜單高亮顯示的位置不對(duì)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11