bootstrap的select下拉框置顶显示解决方法

站长手记 作者: 2024-08-27 17:00:01
使用bootstrap的select下拉框的时候,点击下拉框,下拉的窗口会把外层的标签撑开出现滚动条,操作起来不是很方便。把外围的标签设置overflow:hidden后,下拉窗口部分被遮住隐藏了。这该怎么解决?

bootstrap的select下拉框置顶显示解决方法

在使用bootstrap的select下拉框的时候,点击下拉框,下拉的窗口会把外层的标签撑开出现滚动条,操作起来不是很方便。把外围的标签设置overflow:hidden后,下拉窗口部分被遮住隐藏了。这该怎么解决


解决方法如下:

增加以下样式,可以让下拉窗口变成弹出窗口,从而在页面最顶层显示,效果很好。

.open>.dropdown-menu{

min-width:400px !important;

height:300px;

left:50%;

top:50%;

margin-left:-200px;

margin-top:-150px;

position:fixed;

}

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69654.html
bootstrap select下拉框