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

🕗 发布于 2024-09-22 01:24 vue.js javascript css dropdown a-select

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

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

在这里插入图片描述

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

在这里插入图片描述

原文地址：https://blog.csdn.net/weixin_46099269/article/details/142267832

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：uni-app页面调用接口和路由（四）
下一篇：我们如何通过两个关键测试原则，进行自动化 Kubernetes 配置和Secret测试

set-ExecutionPolicy RemoteSigned 提示不是内部或外部命令，也不是可运行的程序或批处理文件
这个错误一般发生在使用命令提示符或者PowerShell窗口中找不到set-ExecutionPolicy RemoteSigned。如果你想在命令提示符或者PowerShell窗口运行set-Exe
阅读更多2024-09-23
Python知识点：Python垃圾回收机制深入剖析
Python的垃圾回收机制主要依赖于三种技术：引用计数、标记-清除算法和分代回收策略。Python的垃圾回收机制通过引用计数和循环垃圾回收，有效地管理了内存资源。了解和掌握垃圾回收的原理和使用方法，可
阅读更多2024-09-23
SpringCloud Alibaba之Seata处理分布式事务
Seata是一款开源的分布式事务解决方案，致力于在微服务架构下提供高性能和简单易用的分布式事务服务。AT模式如何做到对业务的无侵入（事务尽量不要超过5个，容易出事故，3个一个事务提交，再组合）（1）一
阅读更多2024-09-23
Hi3559A/C V100 集成了双核 A73 和双核 A53，支持 8K30/4K120 视频录制
7680 x 4320@15fps JPEG 解码。提供了高效且丰富的计算资源，支撑客户消费类应用和行业类应用。输出，最高频率支持到 2.5Gbps/Lane。高动态范围技
阅读更多2024-09-23
Linux：环境变量
为什么我们平时输入的指令可以直接运行，但是自己编译出来的程序却要加 ./?
阅读更多2024-09-23
深度学习电脑独显GPU占用一直0%解决方式
在系统设置里面把硬件加速GPU计划关了。打开任务管理器可以看到独显开始工作了。再在GPU1中将3D改成Cuda即可。
阅读更多2024-09-23
vim入门操作命令
vim 工具本身提供了许多常用快捷键，以下是一些常用的命令
阅读更多2024-09-23
Ubuntu清理内存导致的一系列错误及解决方法
虚拟机遇到问题的记录
阅读更多2024-09-23
鸿蒙OpenHarmony【轻量系统内核扩展组件(C++支持)】子系统开发
C++作为目前使用最广泛的编程语言之一，支持类、封装、重载等特性，是在C语言基础上开发的一种面向对象的编程语言。
阅读更多2024-09-23
Delphi 12.2 新增的 WebStencils 尝鲜
这个有本文上述的 github 链接里面的例子代码。1. 使用一个框架页面，在需要装正式内容的地方，写上：@RenderBody;2. 页面内容文件比如 index.html，不需要有页面框架代码诸如
阅读更多2024-09-23

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

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

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

相关文章

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

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