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

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


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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,285评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • chrome扩展开发入门教程 最近在开发chrome插件,看到一篇非常适合入门的教程,特记录一下 注:转载 本文首...
    谢大见阅读 6,459评论 1 25
  • 不认怂才是人类真正的本能,这种本能让我们产生破身体极限的冒险冲动。这种冒险会给身体带来巨大的伤害,不过与此对应的是...
    请叫我Michael阅读 262评论 0 0
  • 早,新的一天。 我在干什么呢?每天颓废过日,生活像死水一般,这,就是我想要的吗? 他们说:斗志昂扬的人不需要过去的...
    黑拾阅读 153评论 0 0