addperiodwidget.qss 3.3 KB

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