Reproduction link
Steps to reproduce
<Tooltip title="prompt text" color="rgba(0, 0, 0, 0.25)" >
some text
</Tooltip>What is expected?
Tooltip content and arrow should have same color.
What is actually happening?
They are different.
| Environment | Info |
|---|---|
| antd | 4.21.2 |
| React | 16.14 |
| System | macOS Monterey 12.4 |
| Browser | 102.0.5005.115 (Official Build) (x86_64) |
3条答案
按热度按时间a64a0gku1#
透明色阴影会叠加，没啥好办法。
ct3nt3jp2#
可以拿到颜色后，如果是透明的，则降低一些透明度。
xzv2uavs3#
可以考虑 drop-shadow 生成整体阴影，而不是本体一个阴影箭头一个阴影。
看了下 IE 不支持，可以放到 v5 做了。