在模式(ECSS)内部时选择“隐藏”下拉列表

在模式(ECSS)内部时选择“隐藏”下拉列表,css,select,modal-dialog,dropdown,materialize,Css,Select,Modal Dialog,Dropdown,Materialize,这是一个特定于框架的问题,框架中有两个组成部分,即和。当模态中的Select输入有一个长选项列表(9+)时,选项列表会从模态容器的外部流动,从而切断列表的顶部,因此用户实际上无法看到所有选项。当长选项列表位于具有固定/最大高度的容器内时,处理该列表的最佳方法是什么? 您可以指定最大高度,也可以通过滚动来管理溢出。我假设您的下拉菜单类是我的答案中的下拉菜单,您可以根据自己的答案进行调整 .dropdown-menu { max-height: 100px; overflow: sc

这是一个特定于框架的问题,框架中有两个组成部分,即和。当模态中的Select输入有一个长选项列表(9+)时,选项列表会从模态容器的外部流动,从而切断列表的顶部,因此用户实际上无法看到所有选项。当长选项列表位于具有固定/最大高度的容器内时,处理该列表的最佳方法是什么?

您可以指定最大高度,也可以通过滚动来管理溢出。我假设您的下拉菜单类是我的答案中的下拉菜单,您可以根据自己的答案进行调整

.dropdown-menu {
    max-height: 100px;
    overflow: scroll;
} 

您特别需要显示显示此模式的CSS/HTML代码,否则我们只能猜测这里发生了什么。请多走一英里。但是,如果您使用带有“justify content:center”(或任何其他FBL属性“center”的FLEXBOX CSS来定位与“overflow:hidden”组合的内容,则内容可能会移动到看不见的地方。。。我偶尔也注意到了这一点。我记不起细节了。