解决antd-design-vue给选择组件a-select下拉菜单ant-select-dropdown设置样式不生效

实现效果：正常a-select会根据分辨率、缩放比例动态计算位置等，现在web端已经实现自适应分辨率，需要给下拉菜单设置固定的定位和宽度等样式，不让组件自动瞎设置定位、大小
在这里插入图片描述

1、a-select组件加上:getPopupContainer="(triggerNode) =>triggerNode.parentNode"

在这里插入图片描述

2、style中使用:deep配合!important设置属性

在这里插入图片描述

posted @ 2024-09-14 23:20  →_→BéLieve  阅读(10)  评论(0)    收藏  举报  来源