AdminLTE-select2.css (2871B)
1 /* 2 * Plugin: Select2 3 * --------------- 4 */ 5 .select2-container--default.select2-container--focus, 6 .select2-selection.select2-container--focus, 7 .select2-container--default:focus, 8 .select2-selection:focus, 9 .select2-container--default:active, 10 .select2-selection:active { 11 outline: none; 12 } 13 .select2-container--default .select2-selection--single, 14 .select2-selection .select2-selection--single { 15 border: 1px solid #d2d6de; 16 border-radius: 0; 17 padding: 6px 12px; 18 height: 34px; 19 } 20 .select2-container--default.select2-container--open { 21 border-color: #3c8dbc; 22 } 23 .select2-dropdown { 24 border: 1px solid #d2d6de; 25 border-radius: 0; 26 } 27 .select2-container--default .select2-results__option--highlighted[aria-selected] { 28 background-color: #3c8dbc; 29 color: white; 30 } 31 .select2-results__option { 32 padding: 6px 12px; 33 user-select: none; 34 -webkit-user-select: none; 35 } 36 .select2-container .select2-selection--single .select2-selection__rendered { 37 padding-left: 0; 38 padding-right: 0; 39 height: auto; 40 margin-top: -4px; 41 } 42 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { 43 padding-right: 6px; 44 padding-left: 20px; 45 } 46 .select2-container--default .select2-selection--single .select2-selection__arrow { 47 height: 28px; 48 right: 3px; 49 } 50 .select2-container--default .select2-selection--single .select2-selection__arrow b { 51 margin-top: 0; 52 } 53 .select2-dropdown .select2-search__field, 54 .select2-search--inline .select2-search__field { 55 border: 1px solid #d2d6de; 56 } 57 .select2-dropdown .select2-search__field:focus, 58 .select2-search--inline .select2-search__field:focus { 59 outline: none; 60 border: 1px solid #3c8dbc; 61 } 62 .select2-container--default .select2-results__option[aria-disabled=true] { 63 color: #999; 64 } 65 .select2-container--default .select2-results__option[aria-selected=true] { 66 background-color: #ddd; 67 } 68 .select2-container--default .select2-results__option[aria-selected=true], 69 .select2-container--default .select2-results__option[aria-selected=true]:hover { 70 color: #444; 71 } 72 .select2-container--default .select2-selection--multiple { 73 border: 1px solid #d2d6de; 74 border-radius: 0; 75 } 76 .select2-container--default .select2-selection--multiple:focus { 77 border-color: #3c8dbc; 78 } 79 .select2-container--default.select2-container--focus .select2-selection--multiple { 80 border-color: #d2d6de; 81 } 82 .select2-container--default .select2-selection--multiple .select2-selection__choice { 83 background-color: #3c8dbc; 84 border-color: #367fa9; 85 padding: 1px 10px; 86 color: #fff; 87 } 88 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { 89 margin-right: 5px; 90 color: rgba(255, 255, 255, 0.7); 91 } 92 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { 93 color: #fff; 94 } 95 .select2-container .select2-selection--single .select2-selection__rendered { 96 padding-right: 10px; 97 }