解决 select2在bootstrap modal中不能正常使用问题

select2在bootstrap modal中不能正常使用问题

设置CSS

        .select2-drop {

            z-index: 10050 !important;

        }

        .select2-search-choice-close {

            margin-top: 0 !important;

            right: 2px !important;

            min-height: 10px;

        }

        .select2-search-choice-close:before {

            color: black !important;

        }

        /*防止select2不会自动失去焦点*/

        .select2-container {

            z-index: 16000 !important;

        }

        .select2-drop-mask {

            z-index: 15990 !important;

        }

        .select2-drop-active {

            z-index: 15995 !important;

        }

设置下拉

$("#User").select2(

  {dropdownParent: $("#Modal")}

)

©著作权归作者所有：来自51CTO博客作者295631788的原创作品，如需转载，请注明出处，否则将追究法律责任