Web前端之路

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

2017-09-11  本文已影响794人  danihay

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

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

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

上一篇下一篇

猜你喜欢

热点阅读