Ari的小跟班

  :: :: :: :: :: 管理 ::

React使用Antd的cascader修改menu高度

需求:Antd的cascader默认高度太矮,如果选项多的话,需要自己下滑滚动条查找:

如何调高呢?

下面是我的解决思路:
我先查看了官网的https://4x.ant.design/components/cascader-cn/,有一个拓展菜单(dropDownRender属性)的用法:

但是这个menu我想修改他的height,我查找了资料,没有找到合适的方式,于是我把他打印出来:

得到的结果为:

于是我就瞎找看看有没有专门管这个menu样式的class名:

最后发现有个.ant-cascader-menu类,于是自己引入另一个css,使用!important覆盖原有样式,最后成功:

效果如下所示:

posted on 2023-02-09 16:08  Ari的小跟班  阅读(1211)  评论(0)    收藏  举报