jquery.inputbox.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. /* icon */
  2. .arrow,
  3. .cb,
  4. .rb {
  5. background-image: url(icon.png);
  6. float: left;
  7. }
  8. /* select box */
  9. .sb {
  10. cursor: pointer;
  11. position: relative;
  12. float: left;
  13. display: inline-block;
  14. border-radius: 6px;
  15. -moz-border-radius: 6px;
  16. -webkit-border-radius: 6px;
  17. padding-right: 20px;
  18. }
  19. .sb_active {
  20. border-radius: 6px 6px 0 0;
  21. -moz-border-radius: 6px 6px 0 0;
  22. -webkit-border-radius: 6px 6px 0 0;
  23. }
  24. .sb * {
  25. color: #666666;
  26. font: normal 12px Song;
  27. cursor: pointer;
  28. background-color: #fff;
  29. }
  30. .sb .opts {
  31. border: 1px solid #dee3f0;
  32. cursor: pointer;
  33. display: none;
  34. height: auto;
  35. left: 0;
  36. max-height: 173px;
  37. overflow-x: hidden;
  38. overflow-y: auto;
  39. position: absolute;
  40. top: 0;
  41. width: auto;
  42. z-index: 99;
  43. }
  44. .sb > .selected {
  45. background-color: #6570a0;
  46. padding: 0 15px;
  47. overflow: hidden;
  48. position: absolute;
  49. cursor: pointer;
  50. left: 0;
  51. right: 20px;
  52. border-radius: 6px;
  53. -moz-border-radius: 6px;
  54. -webkit-border-radius: 6px;
  55. font: 14px/42px "Microsoft Yahei";
  56. color: #fff;
  57. }
  58. .sb .opts a {
  59. width: auto;
  60. height: 24px;
  61. line-height: 24px;
  62. padding: 0 5px;
  63. cursor: default;
  64. outline: none;
  65. white-space: nowrap;
  66. text-decoration: none;
  67. display: block;
  68. cursor: pointer;
  69. }
  70. .sb .opts a.selected {
  71. background: #ffffe1;
  72. }
  73. .sb .opts a.none {
  74. background: #fff;
  75. }
  76. .sb .opts a:hover {
  77. background: #ffffe1;
  78. cursor: pointer;
  79. }
  80. .sb .sb_icon {
  81. width: 24px;
  82. height: 24px;
  83. overflow: hidden;
  84. position: absolute;
  85. cursor: pointer;
  86. right: 29px;
  87. }
  88. .sb .arrow {
  89. background-color: transparent;
  90. background-position: -48px -24px;
  91. }
  92. .sb_active .arrow {
  93. background-position: -48px 0px;
  94. }
  95. /* checkbox box */
  96. .cb {
  97. width: 24px;
  98. height: 24px;
  99. display: inline-block;
  100. *display: inline;
  101. zoom: 1;
  102. background-position: 0 0;
  103. cursor: pointer;
  104. margin: 9px 0;
  105. }
  106. .cb_active {
  107. background-position: 0 -24px;
  108. }
  109. /* radio box */
  110. .rb {
  111. width: 24px;
  112. height: 24px;
  113. margin: 0 auto;
  114. padding: 0;
  115. display: inline-block;
  116. *display: inline;
  117. zoom: 1;
  118. vertical-align: middle;
  119. background-position: -24px 0;
  120. cursor: pointer;
  121. margin: 9px 0;
  122. }
  123. .rb_active {
  124. background-position: -24px -24px;
  125. }