element-ui tooltip修改背景顏色和箭頭顏色的實(shí)現(xiàn)
更新時間:2019年12月16日 14:34:33 作者:良品山核桃
這篇文章主要介紹了element-ui tooltip修改背景顏色和箭頭顏色的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(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; }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
element-ui實(shí)現(xiàn)表格邊框的動態(tài)切換并防抖
這篇文章主要介紹了element-ui實(shí)現(xiàn)表格邊框的動態(tài)切換并防抖方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08element?select必填項(xiàng)驗(yàn)證回顯問題的解決
本文主要介紹了element?select必填項(xiàng)驗(yàn)證回顯問題的解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04VUE中的export default和export使用方法解析
export default和export都能導(dǎo)出一個模塊里面的常量,函數(shù),文件,模塊等,在其它文件或模塊中通過import來導(dǎo)入常量,函數(shù),文件或模塊。但是,在一個文件或模塊中export,import可以有多個,export default卻只能有一個。2022-12-12Vue使用vue-draggable 插件在不同列表之間拖拽功能
這篇文章主要介紹了使用vue-draggable 插件在不同列表之間拖拽,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03vxe-list?vue?如何實(shí)現(xiàn)下拉框的虛擬列表
這篇文章主要介紹了vxe-list?vue?如何實(shí)現(xiàn)下拉框的虛擬列表,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-06-06解決vue項(xiàng)目刷新后,導(dǎo)航菜單高亮顯示的位置不對問題
今天小編就為大家分享一篇解決vue項(xiàng)目刷新后,導(dǎo)航菜單高亮顯示的位置不對問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11