onedetectplan.qss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  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. image: url(:/icon/date_light.png);
  86. }
  87. /* ==========================================================
  88. * QComboBox(这个是在用的)
  89. * ========================================================== */
  90. QComboBox:enabled
  91. {
  92. background-color:#FFFFFF;
  93. border: 1px solid #E6E9F4;
  94. border-radius: 4px;
  95. font-size:14px;
  96. font-weight: 400;
  97. color:#3A3F63;
  98. padding-left: 12px;
  99. }
  100. /* 不能编辑的时候的样式,setEnable(false) */
  101. QComboBox:!enabled
  102. {
  103. background:rgba(0,0,0,0.04);
  104. border: 1px solid #E6E9F4;
  105. border-radius: 4px;
  106. font-size:14px;
  107. font-weight: 400;
  108. color:rgba(58,63,99,0.65);
  109. padding-left: 12px;
  110. }
  111. QComboBox:hover
  112. {
  113. border: 1px solid #4458FE;
  114. border-radius: 4px;
  115. background:transparent;
  116. }
  117. /* 下拉箭头所在的位置方框 */
  118. QComboBox::drop-down
  119. {
  120. width: 24px;
  121. border: none;
  122. }
  123. /* 下拉箭头图标 */
  124. QComboBox::down-arrow
  125. {
  126. image: url(:/icon/down_arrow.png);
  127. height:16px;
  128. width:16px;
  129. }
  130. /* 下拉条样式,就是view,整个下拉窗体的样式 */
  131. QComboBox QAbstractItemView
  132. {
  133. background-color: #FFFFFF;
  134. margin: 12px;
  135. outline:0px;
  136. font-size:14px;
  137. color: #3A3F63;
  138. border-radius: 4px;
  139. }
  140. /* 使下面两句生效,需要加上如下语句 */
  141. /* m_comBoxDev->setView(new QListView()); */
  142. QComboBox QAbstractItemView::item
  143. {
  144. background-color: #FFFFFF;
  145. border-radius:4px;
  146. color: #3A3F63;
  147. padding-left: 12px;
  148. height: 32px;
  149. }
  150. QComboBox QAbstractItemView::item:hover
  151. {
  152. border-radius:4px;
  153. background-color: #EEF2FF;
  154. }
  155. /******** combobox 滚动条 *********/
  156. /*主体部分*/
  157. QComboBox QScrollBar::vertical
  158. {
  159. width:8px;
  160. background:transparent;
  161. border:none;
  162. border-radius:5px;
  163. }
  164. /*滑块主体*/
  165. QComboBox QScrollBar::handle::vertical
  166. {
  167. width: 8px;
  168. background: #E2E2E2;
  169. border-radius: 3px;
  170. min-width: 8px;
  171. }
  172. QComboBox QScrollBar::handle::vertical::hover
  173. {
  174. background:transparent;
  175. }
  176. /*上箭头*/
  177. QComboBox QScrollBar::add-line::vertical
  178. {
  179. border:none;
  180. }
  181. /*下箭头*/
  182. QComboBox QScrollBar::sub-line::vertical
  183. {
  184. border:none;
  185. }