1. 程式人生 > >解決 select2在bootstrap modal中不能正常使用問題

解決 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")}
)