1.可以通过设置mouseLeaveDelay控制Tooltip在页面的时间,然后chrome就可以查看元素了。
2.通过查看chrome元素发现它的层级是body的子元素,因而在写css样式尤其是利用less写的时候,需要注意其嵌套。内部结构如下图。红色箭头指向的tooltip-custom为自定义的,在chrome中的CSS可以查看其样式,但是发现直接用 ant-tooltip- 在页面并无法修改它的样式。
3.通过自定义的类名以及类名下的标签就可以修改其样式。
1.可以通过设置mouseLeaveDelay控制Tooltip在页面的时间,然后chrome就可以查看元素了。
2.通过查看chrome元素发现它的层级是body的子元素,因而在写css样式尤其是利用less写的时候,需要注意其嵌套。内部结构如下图。红色箭头指向的tooltip-custom为自定义的,在chrome中的CSS可以查看其样式,但是发现直接用 ant-tooltip- 在页面并无法修改它的样式。
3.通过自定义的类名以及类名下的标签就可以修改其样式。
本文标题:ant design Tooltip文字提示的样式设置
本文链接:https://www.haomeiwen.com/subject/ydgfsxtx.html
网友评论