怎么改变element-ui 文字提示tooltip的背景颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么改变element-ui 文字提示tooltip的背景颜色相关的知识,希望对你有一定的参考价值。

添加Class类

<el-tooltip :popper-class="toolTipClass" class="item" effect="dark" content="Top Center 提示文字" placement="top">
      <el-button>上边</el-button>
</el-tooltip>
<script lang="es6">
    export default 
        data: function () 
            return 
                toolTipClass: 'page-login-toolTipClass'
            
        
    
</script>
<style lang="sass">
    .page-login-toolTipClass
        background-color: #2992FF !important
</style>

文档地址:http://element.eleme.io/#/zh-CN/component/tooltip

参考技术A elemnt-ui有很多组件,但是我用的时候需要针对很多组件做自定义,比如下拉框的箭头等各种默认样式,官网那个看不太懂,有没有具体一点的教程天津众 维UI设计提供

以上是关于怎么改变element-ui 文字提示tooltip的背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui 之 解决表格中编辑与非编辑状态文字超出时弹出文字提示(利用Tooltip 组件)

element-ui中el-input需要改变placeholder的字体颜色

c#中把鼠标悬停到label标签上显示文字怎么实现

怎么让label的文字大小随label宽高改变大小? C# winform

怎么让label的文字大小随label宽高改变大小? C# winform

用jquery怎么实现点击密码输入框,上面的提示文字“请输入密码”消失,失去焦点时候提示文字又存在