ant design Tooltip文字提示的样式设置

1.可以通过设置mouseLeaveDelay控制Tooltip在页面的时间,然后chrome就可以查看元素了。


2.通过查看chrome元素发现它的层级是body的子元素,因而在写css样式尤其是利用less写的时候,需要注意其嵌套。内部结构如下图。红色箭头指向的tooltip-custom为自定义的,在chrome中的CSS可以查看其样式,但是发现直接用  ant-tooltip-  在页面并无法修改它的样式。


ant design Tooltip文字提示的样式设置_第1张图片

3.通过自定义的类名以及类名下的标签就可以修改其样式。

ant design Tooltip文字提示的样式设置_第2张图片

你可能感兴趣的:(ant design Tooltip文字提示的样式设置)