select2.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
  1. .select2-container {
  2. box-sizing: border-box;
  3. display: inline-block;
  4. margin: 0;
  5. position: relative;
  6. vertical-align: middle; }
  7. .select2-selection--single {
  8. box-sizing: border-box;
  9. cursor: pointer;
  10. display: block;
  11. height: 28px;
  12. user-select: none;
  13. -webkit-user-select: none; }
  14. .select2-selection--single .select2-selection__rendered {
  15. display: block;
  16. overflow: hidden;
  17. padding-left: 8px;
  18. text-overflow: ellipsis; }
  19. .select2-selection--multiple {
  20. box-sizing: border-box;
  21. cursor: pointer;
  22. display: block;
  23. min-height: 32px;
  24. user-select: none;
  25. -webkit-user-select: none; }
  26. .select2-selection--multiple .select2-selection__rendered {
  27. display: inline-block;
  28. overflow: hidden;
  29. padding-left: 8px;
  30. text-overflow: ellipsis; }
  31. .select2-search--inline {
  32. float: left; }
  33. .select2-search--inline .select2-search__field {
  34. border: none;
  35. font-size: 100%;
  36. margin-top: 5px; }
  37. .select2-dropdown {
  38. background-color: white;
  39. border: 1px solid #aaa;
  40. border-radius: 4px;
  41. box-sizing: border-box;
  42. display: block;
  43. position: absolute;
  44. left: -100000px;
  45. width: 100%;
  46. z-index: 100; }
  47. .select2-results {
  48. display: block; }
  49. .select2-results__options {
  50. list-style: none;
  51. margin: 0;
  52. padding: 0; }
  53. .select2-results__option {
  54. padding: 6px;
  55. user-select: none;
  56. -webkit-user-select: none; }
  57. .select2-results__option[aria-selected] {
  58. cursor: pointer; }
  59. .select2-container--open .select2-dropdown {
  60. border-top: none;
  61. border-top-left-radius: 0;
  62. border-top-right-radius: 0;
  63. left: 0; }
  64. .select2-search--dropdown {
  65. display: block;
  66. padding: 4px; }
  67. .select2-search--dropdown .select2-search__field {
  68. padding: 4px;
  69. width: 100%; }
  70. .select2-container--default .select2-selection--single {
  71. background-color: #fff;
  72. border: 1px solid #aaa;
  73. border-radius: 4px; }
  74. .select2-container--default .select2-selection--single .select2-selection__rendered {
  75. color: #444;
  76. line-height: 28px; }
  77. .select2-container--default .select2-selection--single .select2-selection__clear {
  78. cursor: pointer;
  79. float: right;
  80. font-weight: bold;
  81. margin-right: 10px; }
  82. .select2-container--default .select2-selection--single .select2-selection__placeholder {
  83. color: #999; }
  84. .select2-container--default .select2-selection--multiple {
  85. background-color: white;
  86. border: 1px solid #aaa;
  87. border-radius: 4px;
  88. cursor: text; }
  89. .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  90. list-style: none;
  91. margin: 0;
  92. padding: 0 5px; }
  93. .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  94. color: #999;
  95. margin-top: 5px;
  96. float: left; }
  97. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  98. background-color: #e4e4e4;
  99. border: 1px solid #aaa;
  100. border-radius: 4px;
  101. cursor: default;
  102. float: left;
  103. margin-right: 5px;
  104. margin-top: 5px;
  105. padding: 0 5px; }
  106. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  107. color: #999;
  108. cursor: pointer;
  109. display: inline-block;
  110. font-weight: bold;
  111. margin-right: 2px; }
  112. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  113. color: #333; }
  114. .select2-container--default.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple {
  115. border-bottom-left-radius: 0;
  116. border-bottom-right-radius: 0; }
  117. .select2-container--default .select2-search--dropdown .select2-search__field {
  118. border: 1px solid #aaa; }
  119. .select2-container--default .select2-search--inline .select2-search__field {
  120. border: none;
  121. outline: 0; }
  122. .select2-container--default .select2-results > .select2-results__options {
  123. max-height: 200px;
  124. overflow-y: auto; }
  125. .select2-container--default .select2-results__option[role=group] {
  126. padding: 0; }
  127. .select2-container--default .select2-results__option[aria-disabled=true] {
  128. color: #999; }
  129. .select2-container--default .select2-results__option[aria-selected=true] {
  130. background-color: #ddd; }
  131. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  132. background-color: #5897fb;
  133. color: white; }
  134. .select2-container--default .select2-results__group {
  135. cursor: default;
  136. display: block;
  137. padding: 6px; }
  138. .select2-container--classic .select2-selection--single {
  139. background-color: #f6f6f6;
  140. border: 1px solid #aaa;
  141. border-radius: 4px;
  142. outline: 0;
  143. background-image: -webkit-linear-gradient(top, #ffffff 50%, #eee 100%);
  144. background-image: -o-linear-gradient(top, #ffffff 50%, #eee 100%);
  145. background-image: linear-gradient(to bottom, #ffffff 50%, #eee 100%);
  146. background-repeat: repeat-x;
  147. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eee', GradientType=0); }
  148. .select2-container--classic .select2-selection--single:focus {
  149. border: 1px solid #5897fb; }
  150. .select2-container--classic .select2-selection--single .select2-selection__rendered {
  151. color: #444;
  152. line-height: 28px; }
  153. .select2-container--classic .select2-selection--single .select2-selection__clear {
  154. cursor: pointer;
  155. float: right;
  156. font-weight: bold;
  157. margin-right: 10px; }
  158. .select2-container--classic .select2-selection--single .select2-selection__placeholder {
  159. color: #999; }
  160. .select2-container--classic.select2-container--open .select2-selection--single {
  161. border: 1px solid #5897fb;
  162. background-image: -webkit-linear-gradient(top, #eee 50%, #ffffff 100%);
  163. background-image: -o-linear-gradient(top, #eee 50%, #ffffff 100%);
  164. background-image: linear-gradient(to bottom, #eee 50%, #ffffff 100%);
  165. background-repeat: repeat-x;
  166. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ffffff', GradientType=0); }
  167. .select2-container--classic.select2-container--open .select2-selection--single {
  168. border-bottom: none;
  169. border-bottom-left-radius: 0;
  170. border-bottom-right-radius: 0; }
  171. .select2-container--classic .select2-selection--multiple {
  172. background-color: white;
  173. border: 1px solid #aaa;
  174. border-radius: 4px;
  175. cursor: text;
  176. outline: 0; }
  177. .select2-container--classic .select2-selection--multiple:focus {
  178. border: 1px solid #5897fb; }
  179. .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  180. list-style: none;
  181. margin: 0;
  182. padding: 0 5px; }
  183. .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  184. background-color: #e4e4e4;
  185. border: 1px solid #aaa;
  186. border-radius: 4px;
  187. cursor: default;
  188. float: left;
  189. margin-right: 5px;
  190. margin-top: 5px;
  191. padding: 0 5px; }
  192. .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  193. color: #888;
  194. cursor: pointer;
  195. display: inline-block;
  196. font-weight: bold;
  197. margin-right: 2px; }
  198. .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  199. color: #555; }
  200. .select2-container--classic.select2-container--open .select2-selection--multiple {
  201. border: 1px solid #5897fb;
  202. border-bottom: none;
  203. border-bottom-left-radius: 0;
  204. border-bottom-right-radius: 0; }
  205. .select2-container--classic .select2-search--dropdown .select2-search__field {
  206. border: 1px solid #aaa;
  207. outline: 0; }
  208. .select2-container--classic .select2-search--inline .select2-search__field {
  209. outline: 0; }
  210. .select2-container--classic .select2-dropdown {
  211. background-color: white;
  212. border-top: none; }
  213. .select2-container--classic .select2-results > .select2-results__options {
  214. max-height: 200px;
  215. overflow-y: auto; }
  216. .select2-container--classic .select2-results__option[role=group] {
  217. padding: 0; }
  218. .select2-container--classic .select2-results__option[aria-disabled=true] {
  219. color: grey; }
  220. .select2-container--classic .select2-results__option--highlighted[aria-selected] {
  221. background-color: #3875d7;
  222. color: white; }
  223. .select2-container--classic .select2-results__group {
  224. cursor: default;
  225. display: block;
  226. padding: 6px; }
  227. .select2-container--classic.select2-container--open .select2-dropdown {
  228. border: 1px solid #5897fb;
  229. border-top: none; }