select2.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. .select2-container {
  2. box-sizing: border-box;
  3. display: inline-block;
  4. margin: 0;
  5. position: relative;
  6. vertical-align: middle; }
  7. .select2-container .selection .single-select {
  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-container .selection .single-select .rendered-selection {
  15. display: block;
  16. overflow: hidden;
  17. padding-left: 8px;
  18. text-overflow: ellipsis; }
  19. .select2-container .selection .multiple-select {
  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-container .selection .multiple-select .rendered-selection {
  27. display: block;
  28. overflow: hidden;
  29. padding-left: 8px;
  30. text-overflow: ellipsis; }
  31. .select2-container .dropdown {
  32. background-color: white;
  33. border: 1px solid #aaa;
  34. border-radius: 4px;
  35. box-sizing: border-box;
  36. display: block;
  37. position: absolute;
  38. left: -100000px;
  39. width: 100%;
  40. z-index: 100; }
  41. .select2-container .dropdown .search {
  42. display: block;
  43. padding: 4px; }
  44. .select2-container .dropdown .search input {
  45. padding: 4px;
  46. width: 100%; }
  47. .select2-container .dropdown .results {
  48. display: block; }
  49. .select2-container .dropdown .results .options {
  50. list-style: none;
  51. margin: 0;
  52. padding: 0; }
  53. .select2-container .dropdown .results .options .option {
  54. padding: 6px;
  55. user-select: none;
  56. -webkit-user-select: none; }
  57. .select2-container .dropdown .results .options .option[aria-selected] {
  58. cursor: pointer; }
  59. .select2-container.open .dropdown {
  60. border-top: none;
  61. border-top-left-radius: 0;
  62. border-top-right-radius: 0;
  63. left: 0; }
  64. .select2-container.select2-theme-default .selection .single-select {
  65. background-color: #fff;
  66. border: 1px solid #aaa;
  67. border-radius: 4px; }
  68. .select2-container.select2-theme-default .selection .single-select .rendered-selection {
  69. color: #444;
  70. line-height: 28px; }
  71. .select2-container.select2-theme-default .selection .single-select .rendered-selection .placeholder {
  72. color: #999; }
  73. .select2-container.select2-theme-default .selection .multiple-select {
  74. background-color: white;
  75. border: 1px solid #aaa;
  76. border-radius: 4px; }
  77. .select2-container.select2-theme-default .selection .multiple-select .rendered-selection {
  78. list-style: none;
  79. margin: 0;
  80. padding: 5px;
  81. padding-bottom: 0; }
  82. .select2-container.select2-theme-default .selection .multiple-select .rendered-selection .placeholder {
  83. color: #999;
  84. float: left; }
  85. .select2-container.select2-theme-default .selection .multiple-select .rendered-selection .choice {
  86. background-color: #e4e4e4;
  87. border: 1px solid #aaa;
  88. border-radius: 4px;
  89. float: left;
  90. margin-right: 5px;
  91. margin-bottom: 5px;
  92. padding: 0 5px; }
  93. .select2-container.select2-theme-default .selection .multiple-select .rendered-selection .choice .remove {
  94. color: #999;
  95. display: inline-block;
  96. font-weight: bold;
  97. margin-right: 2px; }
  98. .select2-container.select2-theme-default .selection .multiple-select .rendered-selection .choice .remove:hover {
  99. color: #333; }
  100. .select2-container.select2-theme-default.open .selection .single-select, .select2-container.select2-theme-default.open .selection .multiple-select {
  101. border-bottom-left-radius: 0;
  102. border-bottom-right-radius: 0; }
  103. .select2-container.select2-theme-default .dropdown .search input {
  104. border: 1px solid #aaa; }
  105. .select2-container.select2-theme-default .dropdown .results > .options {
  106. max-height: 200px;
  107. overflow-y: auto; }
  108. .select2-container.select2-theme-default .dropdown .results .options .option[role=group] {
  109. padding: 0; }
  110. .select2-container.select2-theme-default .dropdown .results .options .option[role=group] .group-label {
  111. cursor: default;
  112. display: block;
  113. padding: 6px; }
  114. .select2-container.select2-theme-default .dropdown .results .options .option[aria-disabled=true] {
  115. color: #999; }
  116. .select2-container.select2-theme-default .dropdown .results .options .option[aria-selected=true] {
  117. background-color: #ddd; }
  118. .select2-container.select2-theme-default .dropdown .results .options .option[aria-selected].highlighted {
  119. background-color: #5897fb;
  120. color: white; }
  121. .select2-container.select2-theme-classic .selection .single-select {
  122. background-color: #f6f6f6;
  123. border: 1px solid #aaa;
  124. border-radius: 4px;
  125. outline: 0;
  126. background-image: -webkit-linear-gradient(top, #ffffff 50%, #eee 100%);
  127. background-image: -o-linear-gradient(top, #ffffff 50%, #eee 100%);
  128. background-image: linear-gradient(to bottom, #ffffff 50%, #eee 100%);
  129. background-repeat: repeat-x;
  130. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eee', GradientType=0); }
  131. .select2-container.select2-theme-classic .selection .single-select:focus {
  132. border: 1px solid #5897fb; }
  133. .select2-container.select2-theme-classic .selection .single-select .rendered-selection {
  134. color: #444;
  135. line-height: 28px; }
  136. .select2-container.select2-theme-classic .selection .single-select .rendered-selection .placeholder {
  137. color: #999; }
  138. .select2-container.select2-theme-classic.open .selection .single-select {
  139. border: 1px solid #5897fb;
  140. background-image: -webkit-linear-gradient(top, #eee 50%, #ffffff 100%);
  141. background-image: -o-linear-gradient(top, #eee 50%, #ffffff 100%);
  142. background-image: linear-gradient(to bottom, #eee 50%, #ffffff 100%);
  143. background-repeat: repeat-x;
  144. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ffffff', GradientType=0); }
  145. .select2-container.select2-theme-classic.open .selection .single-select, .select2-container.select2-theme-classic.open .selection .multiple-select {
  146. border-bottom: none;
  147. border-bottom-left-radius: 0;
  148. border-bottom-right-radius: 0; }
  149. .select2-container.select2-theme-classic .dropdown {
  150. background-color: white;
  151. border-top: none; }
  152. .select2-container.select2-theme-classic .dropdown .search input {
  153. border: 1px solid #aaa;
  154. outline: 0; }
  155. .select2-container.select2-theme-classic .dropdown .results > .options {
  156. max-height: 200px;
  157. overflow-y: auto; }
  158. .select2-container.select2-theme-classic .dropdown .results .options .option[role=group] {
  159. padding: 0; }
  160. .select2-container.select2-theme-classic .dropdown .results .options .option[role=group] .group-label {
  161. cursor: default;
  162. display: block;
  163. padding: 6px; }
  164. .select2-container.select2-theme-classic .dropdown .results .options .option[aria-disabled=true] {
  165. color: grey; }
  166. .select2-container.select2-theme-classic .dropdown .results .options .option[aria-selected].highlighted {
  167. background-color: #3875d7;
  168. color: white; }
  169. .select2-container.select2-theme-classic.open .dropdown {
  170. border: 1px solid #5897fb;
  171. border-top: none; }