onedetectplan.qss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. /* ==========================================================
  2. * QPushButton
  3. * ========================================================== */
  4. QPushButton#pBtn_close
  5. {
  6. border-image: url(:/icon/del.png);
  7. }
  8. QPushButton#pBtn_close:hover
  9. {
  10. border-image: url(:/icon/del_hover.png);
  11. }
  12. QPushButton#pBtn_timeStart, #pBtn_timeEnd
  13. {
  14. text-align: left;
  15. background: #FFFFFF;
  16. border-radius: 4px;
  17. border: 1px solid #E6E9F4;
  18. padding-left: 12px;
  19. font-weight: 400;
  20. font-size: 14px;
  21. color: #3A3F63;
  22. }
  23. QPushButton#pBtn_timeStart:hover, #pBtn_timeEnd:hover
  24. {
  25. border: 1px solid #4458FE;
  26. }
  27. QPushButton#pBtn_timeStartIcon, #pBtn_timeEndIcon
  28. {
  29. border-image: url(:/icon/time.png);
  30. }
  31. /* QPushButton#pBtn_timeStartIcon:hover, #pBtn_timeEndIcon:hover
  32. {
  33. border-image: url(:/icon/time.png);
  34. } */
  35. /* ==========================================================
  36. * TimeWidget
  37. * ========================================================== */
  38. TimeWidget
  39. {
  40. background: #FFFFFF;
  41. border-radius: 4px;
  42. border: 1px solid #E6E9F4;
  43. padding-left: 12px;
  44. font-weight: 400;
  45. font-size: 14px;
  46. color: #3A3F63;
  47. }
  48. TimeWidget:hover
  49. {
  50. border: 1px solid #4458FE;
  51. }
  52. /* ==========================================================
  53. * 日期选择器
  54. * ========================================================== */
  55. CalendarDTEdit
  56. {
  57. background: #FFFFFF;
  58. border-radius: 4px;
  59. padding-left:12px;
  60. border: 1px solid #E6E9F4;
  61. }
  62. CalendarDTEdit:hover
  63. {
  64. background: #FFFFFF;
  65. border-radius: 4px;
  66. padding-left:12px;
  67. border: 1px solid #4458FE;
  68. }
  69. CalendarDTEdit[Warn=true]
  70. {
  71. background: #FFFFFF;
  72. border-radius: 4px;
  73. padding-left:12px;
  74. border: 1px solid #D21F21;
  75. }
  76. CalendarDTEdit:!enabled/* 或者disable */
  77. {
  78. background: rgba(0,0,0,0.04);
  79. border: 1px solid #E6E9F4;
  80. }
  81. CalendarDTEdit::drop-down
  82. {
  83. padding-right:8px;
  84. width: 16px;
  85. height: 16px;
  86. image: url(:/icon/date_light.png);
  87. }
  88. /* ==========================================================
  89. * QComboBox(这个是在用的)
  90. * ========================================================== */
  91. QComboBox:enabled
  92. {
  93. background-color:#FFFFFF;
  94. border: 1px solid #E6E9F4;
  95. border-radius: 4px;
  96. font-size:14px;
  97. font-weight: 400;
  98. color:#3A3F63;
  99. padding-left: 12px;
  100. }
  101. /* 不能编辑的时候的样式,setEnable(false) */
  102. QComboBox:!enabled
  103. {
  104. background:rgba(0,0,0,0.04);
  105. border: 1px solid #E6E9F4;
  106. border-radius: 4px;
  107. font-size:14px;
  108. font-weight: 400;
  109. color:rgba(58,63,99,0.65);
  110. padding-left: 12px;
  111. }
  112. QComboBox:hover
  113. {
  114. border: 1px solid #4458FE;
  115. border-radius: 4px;
  116. background:transparent;
  117. }
  118. /* 下拉箭头所在的位置方框 */
  119. QComboBox::drop-down
  120. {
  121. width: 24px;
  122. border: none;
  123. }
  124. /* 下拉箭头图标 */
  125. QComboBox::down-arrow
  126. {
  127. image: url(:/icon/down_arrow.png);
  128. height:16px;
  129. width:16px;
  130. }
  131. /* 下拉条样式,就是view,整个下拉窗体的样式 */
  132. QComboBox QAbstractItemView
  133. {
  134. background-color: #FFFFFF;
  135. margin: 12px;
  136. outline:0px;
  137. font-size:14px;
  138. color: #3A3F63;
  139. border-radius: 4px;
  140. }
  141. /* 使下面两句生效,需要加上如下语句 */
  142. /* m_comBoxDev->setView(new QListView()); */
  143. QComboBox QAbstractItemView::item
  144. {
  145. background-color: #FFFFFF;
  146. border-radius:4px;
  147. color: #3A3F63;
  148. padding-left: 12px;
  149. height: 32px;
  150. }
  151. QComboBox QAbstractItemView::item:hover
  152. {
  153. border-radius:4px;
  154. background-color: #EEF2FF;
  155. }
  156. /******** combobox 滚动条 *********/
  157. /*主体部分*/
  158. QComboBox QScrollBar::vertical
  159. {
  160. width:8px;
  161. background:transparent;
  162. border:none;
  163. border-radius:5px;
  164. }
  165. /*滑块主体*/
  166. QComboBox QScrollBar::handle::vertical
  167. {
  168. width: 8px;
  169. background: #E2E2E2;
  170. border-radius: 3px;
  171. min-width: 8px;
  172. }
  173. QComboBox QScrollBar::handle::vertical::hover
  174. {
  175. background:transparent;
  176. }
  177. /*上箭头*/
  178. QComboBox QScrollBar::add-line::vertical
  179. {
  180. border:none;
  181. }
  182. /*下箭头*/
  183. QComboBox QScrollBar::sub-line::vertical
  184. {
  185. border:none;
  186. }