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

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

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

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

相关推荐
橙露24 分钟前
React Hooks 深度解析:从基础使用到自定义 Hooks 的封装技巧
javascript·react.js·ecmascript
2501_9209317037 分钟前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
Ulyanov1 小时前
从静态到沉浸:打造惊艳的Web技术发展历程3D时间轴
前端·javascript·html5·gui开发
VT.馒头1 小时前
【力扣】2625. 扁平化嵌套数组
前端·javascript·算法·leetcode·职场和发展·typescript
毎天要喝八杯水2 小时前
搭建vue前端后端环境
前端·javascript·vue.js
雨季6662 小时前
Flutter 三端应用实战:OpenHarmony “极简手势轨迹球”——指尖与屏幕的诗意对话
开发语言·javascript·flutter
CappuccinoRose3 小时前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
摘星编程3 小时前
OpenHarmony环境下React Native:Tooltip自动定位
javascript·react native·react.js
穿过锁扣的风3 小时前
如何操作HTML网页
前端·javascript·html
2601_949833394 小时前
flutter_for_openharmony口腔护理app实战+知识实现
android·javascript·flutter