Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 

159 lignes
3.4 KiB

  1. .rc-time-picker {
  2. display: inline-block;
  3. position: relative;
  4. box-sizing: border-box;
  5. }
  6. .rc-time-picker * {
  7. box-sizing: border-box;
  8. }
  9. .rc-time-picker-clear {
  10. position: absolute;
  11. right: 6px;
  12. cursor: pointer;
  13. overflow: hidden;
  14. width: 20px;
  15. height: 20px;
  16. text-align: center;
  17. line-height: 20px;
  18. top: 3px;
  19. margin: 0;
  20. }
  21. .rc-time-picker-clear-icon:after {
  22. content: "x";
  23. font-size: 12px;
  24. font-style: normal;
  25. color: #aaa;
  26. display: inline-block;
  27. line-height: 1;
  28. height: 20px;
  29. width: 20px;
  30. -webkit-transition: color 0.3s ease;
  31. transition: color 0.3s ease;
  32. }
  33. .rc-time-picker-clear-icon:hover:after {
  34. color: #666;
  35. }
  36. .rc-time-picker-input {
  37. width: 100%;
  38. position: relative;
  39. display: inline-block;
  40. padding: 4px 7px;
  41. height: 28px;
  42. cursor: text;
  43. font-size: 12px;
  44. line-height: 1.5;
  45. color: #666;
  46. background-color: #fff;
  47. background-image: none;
  48. border: 1px solid #d9d9d9;
  49. border-radius: 4px;
  50. -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  51. transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  52. }
  53. .rc-time-picker-input[disabled] {
  54. color: #ccc;
  55. background: #f7f7f7;
  56. cursor: not-allowed;
  57. }
  58. .rc-time-picker-panel {
  59. z-index: 1070;
  60. width: 170px;
  61. position: absolute;
  62. box-sizing: border-box;
  63. }
  64. .rc-time-picker-panel * {
  65. box-sizing: border-box;
  66. }
  67. .rc-time-picker-panel-inner {
  68. display: inline-block;
  69. position: relative;
  70. outline: none;
  71. list-style: none;
  72. font-size: 12px;
  73. text-align: left;
  74. background-color: #fff;
  75. border-radius: 4px;
  76. box-shadow: 0 1px 5px #ccc;
  77. background-clip: padding-box;
  78. border: 1px solid #ccc;
  79. line-height: 1.5;
  80. }
  81. .rc-time-picker-panel-narrow {
  82. max-width: 113px;
  83. }
  84. .rc-time-picker-panel-input {
  85. margin: 0;
  86. padding: 0;
  87. width: 100%;
  88. cursor: auto;
  89. line-height: 1.5;
  90. outline: 0;
  91. border: 1px solid transparent;
  92. }
  93. .rc-time-picker-panel-input-wrap {
  94. box-sizing: border-box;
  95. position: relative;
  96. padding: 6px;
  97. border-bottom: 1px solid #e9e9e9;
  98. }
  99. .rc-time-picker-panel-input-invalid {
  100. border-color: red;
  101. }
  102. .rc-time-picker-panel-select {
  103. float: left;
  104. font-size: 12px;
  105. border: 1px solid #e9e9e9;
  106. border-width: 0 1px;
  107. margin-left: -1px;
  108. box-sizing: border-box;
  109. width: 56px;
  110. max-height: 144px;
  111. overflow-y: auto;
  112. position: relative;
  113. }
  114. .rc-time-picker-panel-select-active {
  115. overflow-y: auto;
  116. }
  117. .rc-time-picker-panel-select:first-child {
  118. border-left: 0;
  119. margin-left: 0;
  120. }
  121. .rc-time-picker-panel-select:last-child {
  122. border-right: 0;
  123. }
  124. .rc-time-picker-panel-select ul {
  125. list-style: none;
  126. box-sizing: border-box;
  127. margin: 0;
  128. padding: 0;
  129. width: 100%;
  130. }
  131. .rc-time-picker-panel-select li {
  132. list-style: none;
  133. margin: 0;
  134. padding: 0 0 0 16px;
  135. width: 100%;
  136. height: 24px;
  137. line-height: 24px;
  138. text-align: left;
  139. cursor: pointer;
  140. -webkit-user-select: none;
  141. -moz-user-select: none;
  142. -ms-user-select: none;
  143. user-select: none;
  144. }
  145. .rc-time-picker-panel-select li:hover {
  146. background: #edfaff;
  147. }
  148. li.rc-time-picker-panel-select-option-selected {
  149. background: #f7f7f7;
  150. font-weight: bold;
  151. }
  152. li.rc-time-picker-panel-select-option-disabled {
  153. color: #ccc;
  154. }
  155. li.rc-time-picker-panel-select-option-disabled:hover {
  156. background: transparent;
  157. cursor: not-allowed;
  158. }