select2.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .s2-container {
  2. margin: 0;
  3. position: relative;
  4. zoom: 1;
  5. vertical-align: middle; }
  6. .s2-container.s2-active {
  7. border: 1px solid #5897fb;
  8. border-top: bottom; }
  9. .s2-container .s2-single-select {
  10. display: block;
  11. height: 26px;
  12. padding: 0 0 0 8px;
  13. overflow: hidden;
  14. position: relative;
  15. border: 1px solid #aaa;
  16. white-space: nowrap;
  17. line-height: 26px;
  18. color: #444;
  19. text-decoration: none;
  20. border-radius: 4px;
  21. background-clip: padding-box;
  22. -webkit-touch-callout: none;
  23. -webkit-user-select: none;
  24. -moz-user-select: none;
  25. -ms-user-select: none;
  26. user-select: none;
  27. background-color: #fff;
  28. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  29. background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  30. background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  31. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  32. background-image: linear-gradient(to top, #eee 0%, #fff 50%); }
  33. .s2-container .s2-single-select .s2-selection {
  34. margin-right: 26px;
  35. display: block;
  36. overflow: hidden;
  37. white-space: nowrap;
  38. text-overflow: ellipsis; }
  39. .s2-container .s2-open .select2-container-active .select2-choice, .s2-container .s2-open .select2-container-active .select2-choices {
  40. border: 1px solid #5897fb;
  41. outline: none;
  42. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  43. box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  44. .s2-search input {
  45. -webkit-box-sizing: border-box;
  46. /* webkit */
  47. -moz-box-sizing: border-box;
  48. /* firefox */
  49. box-sizing: border-box;
  50. /* css3 */ }
  51. .s2-dropdown {
  52. width: 100%;
  53. margin-top: -1px;
  54. position: absolute;
  55. z-index: 9999;
  56. overflow: scroll;
  57. background: #fff;
  58. color: #000;
  59. border: 1px solid #5897fb;
  60. border-top: none;
  61. border-radius: 0 0 4px 4px;
  62. -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  63. box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
  64. .s2-hidden {
  65. display: none; }