当前位置: 首页 > 编程笔记 >

element-ui tooltip修改背景颜色和箭头颜色的实现

步胜
2023-03-14
本文向大家介绍element-ui tooltip修改背景颜色和箭头颜色的实现,包括了element-ui tooltip修改背景颜色和箭头颜色的实现的使用技巧和注意事项,需要的朋友参考一下

本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,分享给大家,具体如下:

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 我在设计JScrollPane的样式时遇到问题。我只想能够更改拇指和背景的颜色(同时删除增加/减少按钮)。到目前为止,我尝试了以下方法: 而且 有了上面所有的代码,我得到了一个白色背景的暗拇指。有趣的是,如果我删除setUI函数,我会得到一个默认的拇指,背景变暗... 有什么想法吗? 谢啦 解决****** 上面的configureScrollBarColors函数可以通过以下方式使用: 把拇指的

  • 在超文本标记语言中,我什么时候使用颜色,背景颜色和背景标签有什么区别? 有什么区别?

  • background(int $color, int $pattern = self::PATTERN_SOLID): self int $color $format = new \Vtiful\Kernel\Format($fileHandle); ​ $backgroundStyle = $format->background( \Vtiful\Kernel\Format::COLO

  • 我正在制作一个基于文本的游戏,用户输入文本来解决游戏。我决定使用JavaSwing来显示文本,我希望文本窗格的背景为黑色。我已经尝试了所有我发现的东西(注释掉了),但是没有一个看起来有效。 这里没有显示导入的图片,但是当我使用任何被注释掉的部分运行游戏时,游戏中没有错误。

  • 背景颜色是背景应用中最基础的属性,使用 background-color属性,几乎可以为任何元素定义背景颜色,该属性不能被继承,其默认值是 transparent,即透明背景。也就是说,如果一个元素没有显式定义背景颜色,那么其背景是透明的,就可以透过该元素看到其祖先元素的背景。 background-color属性接受任意合法的CSS颜色值,如预定义的颜色名、十六进制数值、RGB值、RGB百分比、

  • 如果我将父主题更改为主题。AppCompat。轻箭把她的颜色变成黑色。使用以下小部件:android。支持v7。应用程序。ActionBarDrawertogle;Android支持v7。小装置。工具栏; 我做错了什么?