代码先锋网 代码片段及技术文章聚合

Antd^4.1.3 版本 Tooltip提示修改背景色 color属性失效

技术标签: 笔记  css  react

背景:用官方提供的color={}修改,ts报错color类型无法分配,我自行在ts里加上以后,该属性也无法生效。
后找到解决办法:

设置 trigger=“click”,tooltip会在点击的时候才生效。点击出来之后可以用浏览器的箭头捕获寻找样式。找到对应样式的类名后,覆盖即可

//对话框背景色
.ant-tooltip-inner{
 background: #D8D8D8 ;
}
//小箭头的颜色
.ant-tooltip-arrow::before{
  background-color: #D8D8D8;
}
版权声明:本文为Asurejiang原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Asurejiang/article/details/117017578

智能推荐

web前端 背景色属性bgcolor

通过<body>元素中的bgcolor属性来设定网页的背景颜色。 其语法格式如下: 颜色是属性值的设定有三种方法: 1. 颜色名称。 规定颜色值为颜色名称的颜色。 如bgcolor=“orange”。 2.十六进制。 规定颜色值为6位十六进制的颜色,如bgcolor=“#CCFFCC”。 3.rbg值,如bgcolor=“rb...

Elementui Tooltip 修改背景色和箭头颜色

首先注意的是修改Tooltip的样式不能写在scoped中,所以我在页面上重新写了一下<style>标签 1. css 注意: a. x-placement^="left"一定要和你在html中placement="left"的属性一致 b. 默认的样式,默认的有两种effect: dark 和 light,我的代码里面试dark,所以...

修改centos终端提示符背景色

\d :#代表日期,格式为weekday month date,例如:”Mon Aug 1” \H :#完整的主机名称 \h :#仅取主机的第一个名字 \t :#显示时间为24小时格式,如:HH:MM:SS \T :#显示时间为12小时格式 \A :#显示时间为24小时格式:HH:MM \u :#当前用户的账号名称 \v :#BASH的版本信息 \w :#完整的工作目录名称...

View UI 发布 4.1.3 版本

View UI 4.1.3 版本已于 2020-02-24 发布,如果您使用了 4.1+ 版本,请尽快更新到该版本。 更新日志 请到官网 www.iviewui.com 查看最新版。 还原 4.1.0 对 DatePicker 的修改。 修复 Slider 滑块没有居中的问题。 修复 Tag 在彩色模式下,大号和中号尺寸文字没有居中的问题。 修复 Tree 有时报错的问题。 更...

Android 属性动画实现View背景色渐变

下面示例为view的背景色在3s内从透明度100%的红色到透明度为60%的绿色进行过渡变化,此处view和为任何View ArgbEvaluator...

猜你喜欢

ElementUI Tooltip 文字提示应用及更改宽度和背景色

实现效果如下图: 实现步骤如下: 1、在el-table中的el-table-colum内加上 示例: 2、样式中加上 踩坑经历:style 中有scoped 时,更改el-tooltip__popper样式不生效,去除就好了...

UISearchBar背景色修改

网上查了一下如下: 第一第二方法试了并没有用,解决如下:...

poj2991(线段树)

解题思路:网上都有不多说了。  ...