Qt – 一个跨平台应用程序和UI开发框架；它包括跨平台类库、集成开发工具和跨平台 IDE，使用 Qt 您只需一次性开发应用程序，无须重新编写源代码，便可跨不同桌面和嵌入式操作系统部署这些应用程序；深感强大的功能就是支持校本化和样式文件化，对于做web开发的同学能很快上手，强烈推荐。以下是Qt部分控件的样式写法例子，仅作参考，看着跟css3是不是很像。

  1 *{font-size:15px;font-family:"微软雅黑","宋体";color:#333;font-weight:normal;outline:none;}2 *::down-arrow {image: url(:/skin/common/icon/downArrow.png);}3 *::up-arrow {image: url(:/skin/common/icon/upArrow.png);}4 QLabel{background:transparent;outline:none;color:#333;}5 6 /**QComboBox,QDateEdit**/7 QComboBox,QDateEdit,QDateTimeEdit{outline:none;color:#333;background-color:#fff;border:1px solid #a9a9a8;border-radius:0px;}8 QComboBox:focus,QDateEdit:focus,QDateTimeEdit:focus{color: #333;border:1px solid #bfbfbf;background-color:#eefcfc;}9 QComboBox::drop-down,QDateEdit::drop-down,QDateTimeEdit::drop-down{border-left:1px solid #a9a9a8;background-color:qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #fcfcfb, stop: 0.5 #f1eeec,stop: 1 #e7e1dc);}10 QComboBox::drop-down:hover{border-left:1px solid #a9a9a8;background-color:qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #eee, stop: 0.5 #ddd,stop: 1 #ccc);}11 12 /**QRadioButton**/13 QRadioButton {spacing: 5px;outline:none;}14 QRadioButton::indicator {width: 21px;height: 21px;}15 QRadioButton::indicator::unchecked {image: url(:/skin/common/icon/radioButtonUnchecked.png);}16 QRadioButton::indicator:unchecked:hover {image: url(:/skin/common/icon/radioButtonUncheckedHover.png);}17 QRadioButton::indicator:unchecked:pressed {image: url(:/skin/common/icon/radioButtonUncheckedPressed.png);}18 QRadioButton::indicator::checked {image: url(:/skin/common/icon/radioButtonChecked.png);}19 QRadioButton::indicator:checked:hover {image: url(:/skin/common/icon/radioButtonCheckedHover.png);}20 QRadioButton::indicator:checked:pressed {image: url(:/skin/common/icon/radioButtonCheckedPressed.png);}21 22 /**QCheckBox**/23 QCheckBox {color:#333;spacing:0px;outline:none;}24 QCheckBox::indicator {width: 15px; height: 15px;margin-right:5px;}25 QCheckBox::indicator:unchecked{ image: url(:/skin/common/icon/checkbox.png);}26 QCheckBox::indicator:unchecked:!enabled{ image: url(:/skin/common/icon/checkboxDisable.png);}27 QCheckBox::indicator:unchecked:hover {image: url(:/skin/common/icon/checkboxHover.png);}28 QCheckBox::indicator:unchecked:pressed {image: url(:/skin/common/icon/checkboxPressed.png);}29 QCheckBox::indicator:checked {image: url(:/skin/common/icon/checkboxPressed.png);}30 QCheckBox::indicator:checked:hover {image: url(:/skin/common/icon/checkboxPressedHover.png);}31 QCheckBox::indicator:checked:pressed {image: url(:/skin/common/icon/checkbox.png);}32 33 /**日期控件QDateEdit**/34 QCalendarWidget QMenu{width:80px;left:10px;}35 QCalendarWidget QToolButton {height: 18px; }36 QCalendarWidget QToolButton:hover {border-radius:0px;color:red;}37 QCalendarWidget QWidget#qt_calendar_calendarview{background-color: #fefbea;border:0px;}38 QCalendarWidget QAbstractItemView {selection-background-color: rgb(255, 174, 0);}39 40 /**QSpinBox**/41 QSpinBox{min-height:16px;max-height:16px;outline:none;}42 *::up-button {subcontrol-origin: border;subcontrol-position: top right;width: 16px;height:12px;image: url(:/skin/common/icon/spinup.png);border-width:1px;margin:0px;}43 *::up-button:hover {image: url(:/skin/common/icon/spinup_hover.png);}44 *::up-button:pressed {image: url(:/skin/common/icon/spinup_pressed.png);}45 *::down-button { subcontrol-origin: border;subcontrol-position: bottom right;width: 16px;height:12px;image: url(:/skin/common/icon/spindown.png);border-width: 1px; border-top-width: 0;}46 *::down-button:hover {image: url(:/skin/common/icon/spindown_hover.png);}47 *::down-button:pressed {image: url(:/skin/common/icon/spindown_pressed.png);}48 49 /**QTabWidget**/50 QTabWidget{border:none;margin:0px;outline:none;}51 QTabWidget[showHeader='true']::pane{border:1px solid #55B023;border-radius:0px;position: absolute;top: -1px;}52 QTabWidget[showHeader='false']::pane{border:none;position: absolute;margin:0px;}53 QTabWidget[showHeader='true'] QTabBar::tab{alignment:left;color:white;padding:2px 16px;margin-top:3px;margin-left:5px;height:21px;border-top-left-radius: 5px;border-top-right-radius: 5px;background:#C9B084}54 QTabWidget[showHeader='true'] QTabBar::tab:selected{background:#55B023;margin-top:1px;height:23px;}55 56 /**Pager**/57 QWidget#Pager_First, QWidget#Pager_Last, QWidget#Pager_Previous, QWidget#Pager_Next{font-size:1px;color:transparent;min-width:18px;min-height:15px;}58 QWidget#Pager_First{background:url(:/skin/common/pager/first.png) no-repeat center}59 QWidget#Pager_Last{background:url(:/skin/common/pager/last.png) no-repeat center}60 QWidget#Pager_Previous{background:url(:/skin/common/pager/previous.png) no-repeat center}61 QWidget#Pager_Next{background:url(:/skin/common/pager/next.png) no-repeat center}62 QWidget#Pager_First:!enabled{background:url(:/skin/common/pager/first_disabled.png) no-repeat center}63 QWidget#Pager_Last:!enabled{background:url(:/skin/common/pager/last_disabled.png) no-repeat center}64 QWidget#Pager_Previous:!enabled{background:url(:/skin/common/pager/previous_disabled.png) no-repeat center}65 QWidget#Pager_Next:!enabled{background:url(:/skin/common/pager/next_disabled.png) no-repeat center}66 QWidget#Pager_Lable{min-width:18px;min-height:15px;text-align:center;}67 QWidget#Pager_Lable:hover{border-bottom:1px solid blue;color:blue}68 QWidget#Pager_Lable:!enabled{color: red;font-weight:bold;}69 70 /**QScrollBar**/71 QScrollArea{outline:none;border:none;background:transparent;}72 QScrollArea QWidget#AreaMainWidget{outline:none;background:transparent;}73 QScrollBar:vertical{width:4px;border-radius:2px;min-height:50px;background-color:transparent;}74 QScrollBar:horizontal{height:0px;border-radius:2px;min-width:50px;background-color:transparent;}75 QScrollBar::handle:horizontal, QScrollBar::add-line, QScrollBar::sub-line{border-image:none;background:rgba(0, 0, 0, 0)}76 QScrollBar::up-arrow, QScrollBar::down-arrow{image:none;border-image:url();}77 78 /**QPushButton**/79 QPushButton{color:#eee;border:1px solid #4FB418;border-radius:0px;background-color:qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #7CDA47, stop: 0.5 #5FBB2C,stop: 1 #40A10B);}80 QPushButton:hover{color:#fff;border:1px solid #7cb4f5;background-color:qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0, stop: 0 #88EC4F, stop: 0.49 #5BBF0B, stop: 0.50 #4DB40E, stop: 1 #48B70F);}81 QPushButton:focus{color:#fff;outline:none;background-color:qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0, stop: 0 #88EC4F, stop: 0.49 #5BBF0B, stop: 0.50 #4DB40E, stop: 1 #48B70F);}82 QPushButton:focus:hover{color:#fff;}83 QPushButton:!enabled, QPushButton:!enabled:hover{color:#999;border:1px solid #999;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #efefef, stop: 0.5 #ccc,stop: 1 #bbb);}84 85 /*隔行交替色列表*/86 ListWidget[style='ListTable']{background-color:#f5f5f5;border:none;}87 ListWidget[style='ListTable']>Widget{min-height:40px;max-height:40px;}88 ListWidget[style='ListTable']>Widget[IsItem='true']>QLabel[style="nameText"]{color:#333;}89 ListWidget[style='ListTable']>Widget[IsItem='true']>QLabel[style="fileName"]{color:#333;}90 ListWidget[style='ListTable']>Widget[IsEvenRow='true']{background-color:#ececec;}91 ListWidget[style='ListTable']>Widget[IsEvenRow='false']{background-color:#f5f5f5;}92 ListWidget[style='ListTable']>Widget[style='CurrentItem']{background-color:#6f6f6f;}93 ListWidget[style='ListTable']>Widget[style='CurrentItem']>QLabel[style="nameText"]{color:#fff;}94 ListWidget[style='ListTable']>Widget[style='CurrentItem']>QLabel[style="fileName"]{color:#fff;}95 96 /*块列表*/97 ListWidget[style='ListBlock']>Widget[style='NormalItem']{min-height:110px;max-height:110px;margin-bottom:16px;border:1px solid #eee;}98 ListWidget[style='ListBlock']>Widget[style='NormalItem']>QLabel[style="nameText"]{font-size:24px;color:#333;}99 ListWidget[style='ListBlock']>Widget[style='NormalItem']>QLabel[style="markText"]{}
100
101 ListWidget[style='ListBlock']>Widget[style='CurrentItem']{min-height:110px;max-height:110px;margin-bottom:16px;border:1px solid #eee;}
102 ListWidget[style='ListBlock']>Widget[style='CurrentItem']>QLabel[style="nameText"]{font-size:24px;color:#333;}
103 ListWidget[style='ListBlock']>Widget[style='CurrentItem']>QLabel[style="markText"]{color:#333;}
104
105
106 /*无背景色*/
107 QPushButton[style="dark_cur"]{background-color:#919192; min-width:50px;min-height:16px;border:1px solid #ccc;border-radius:0px;}
108 QPushButton[style="dark"]{background-color:transparent; min-width:50px;min-height:16px;border:1px solid #7a7b7c;border-radius:0px;}
109 QPushButton[style="dark"]:hover{border:1px solid #eee;}
110 QPushButton[style="dark_cur"]:hover{border:1px solid #eee;background-color:#aaa;}
111
112 /*白色*/
113 QPushButton[style='white2']{color:#333;border:1px solid #e2e2e2;border-radius:0px;background-color:#f5f5f5;}
114 QPushButton[style='white2']:hover{color:#333;border:1px solid #4976ac;background-color:#deecfc;}
115 QPushButton[style='white2']:focus{color:#222;outline:none;background-color:#f6f6f6;}
116 QPushButton[style='white2']:focus:hover{color:#111;}
117 QPushButton[style='white2']:!enabled:hover{color:#999;border:1px solid #999;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #efefef, stop: 0.5 #ccc,stop: 1 #bbb);}
118
119 /*绿色*/
120 QPushButton[style='green']{color:#fff;border:1px solid #9bbe8b;border-radius:0px;min-height:22px;background-color:#9bbe8b;}
121 QPushButton[style='green']:hover{color:#fff;border:1px solid #9bbe8b;background-color:#75aa5d;}
122 QPushButton[style='green']:focus{color:#fff;outline:none;background-color:#7ab460;}
123 QPushButton[style='green']:focus:hover{color:#fff;}
124 QPushButton[style='green']:!enabled:hover{color:#999;border:1px solid #999;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #efefef, stop: 0.5 #ccc,stop: 1 #bbb);}
125 /*红色*/
126 QPushButton[style='red']{color:#fff;font-weight:bold;border:1px solid red;border-radius:0px;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #ff5f76, stop: 0.49 #fb576e, stop: 0.5 #f9324e,stop: 1 #e60b2a);}
127 QPushButton[style='red']:hover{color:#eee;border:1px solid #cd0925;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #f9324e, stop: 0.5 #eb1d3a,stop: 1 #ec0425);}
128 QPushButton[style='red']:focus{color:#fff;outline:none;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #f9324e, stop: 0.5 #eb1d3a,stop: 1 #ec0425);}
129 QPushButton[style='red']:focus:hover{color:#fff;}
130 QPushButton[style='red']:!enabled:hover{color:#999;border:1px solid #999;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #efefef, stop: 0.5 #ccc,stop: 1 #bbb);}
131 /*黑色*/
132 QPushButton[style='black']{color:#fff;font-weight:bold;border:1px solid #666;border-radius:0px;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #a2a1a1, stop: 0.49 #5f5e5e,stop: 0.5 #535252,stop: 1 #383838);}
133 QPushButton[style='black']:hover{color:#eee;border:1px solid #000;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #666465, stop: 0.5 #4e4c4c,stop: 1 #211f1f);}
134 QPushButton[style='black']:focus{color:#fff;outline:none;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #a2a1a1, stop: 0.5 #5f5e5e,stop: 1 #383838);}
135 QPushButton[style='black']:focus:hover{color:#fff;}
136 QPushButton[style='black']:!enabled:hover{color:#999;border:1px solid #999;background-color :qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0,stop: 0 #efefef, stop: 0.5 #ccc,stop: 1 #bbb);}
137 /*灰色*/
138 QPushButton[style='gray']{border:1px solid #e2e2e2;border-radius:0px; color:#999;background-color:#f5f5f5;}
139 QPushButton[style='gray']:hover{border:1px solid #ababab;border-radius:0px; color:#666;background-color:#f5f5f5;}
140 QPushButton[style='gray']:focus{border:1px solid #ababab;border-radius:0px; color:#666;background-color:#f5f5f5;}
141
142 /*圆形图标*/
143 QWidget[round="green"]{min-width:16px;min-height:16px;max-width:16px;max-height:16px;border-radius:10px;background-color:#9bbe8b;}
144 QWidget[round="red"]{min-width:14px;min-height:14px;max-width:14px;max-height:14px;border-radius:7px;background-color:#cf5352;color:#fff;font-size:14px;text-align:center;}
145
146 /*部分按钮图标*/
147 QLabel[iconName='done_star']{background-image:url(:/skin/common/done.png);background-repeat:no-repeat;background-position:right center;min-width:30px;}
148 QWidget[iconName="dustbin"]{background-image:url(:/skin/common/dustbin.png); background-position:center center; background-repeat:no-repeat;}
149 QWidget[iconName='dustbin2']{background:url(:/skin/common/dustbin2.png);background-repeat: no-repeat; background-position:center center;}
150 QWidget[iconName='pen2']{background:url(:/skin/common/pen2.png);background-repeat: no-repeat; background-position:center center;}
151 QWidget[iconName="done"]{background-image:url(:/skin/common/done.png); background-position:center center; background-repeat:no-repeat;}
152 QWidget[iconName="done2"]{background-image:url(:/skin/common/done2.png); background-position:center center; background-repeat:no-repeat;}
153 QWidget[iconName="x"]{background-image:url(:/skin/common/x.png); background-position:center center; background-repeat:no-repeat;}
154 QWidget[iconName="edit"]{background-image:url(:/skin/common/pen.png); background-position:center center; background-repeat:no-repeat;}
155 QWidget[iconName="upload"]{background-image:url(:/skin/common/upload.png); background-position:center center; background-repeat:no-repeat;}
156 QWidget[iconName="upload2"]{background-image:url(:/skin/common/upload2.png); background-position:center center; background-repeat:no-repeat;}
157 QWidget[iconName="download"]{background-image:url(:/skin/common/download.png); background-position:center center; background-repeat:no-repeat;}
158 QWidget[iconName='upArrow']{background-image:url(:/skin/common/upArrow.png);background-repeat: no-repeat; background-position:center center;}
159 QWidget[iconName='downArrow']{background-image:url(:/skin/common/downArrow.png);background-repeat: no-repeat; background-position:center center;}
160 QWidget[iconName='up']{background-image:url(:/skin/common/up.png);background-repeat: no-repeat; background-position:center center;}
161 QWidget[iconName='up2']{background-image:url(:/skin/common/up2.png);background-repeat: no-repeat; background-position:center center;}
162 QWidget[iconName='down']{background-image:url(:/skin/common/down.png);background-repeat: no-repeat; background-position:center center;}
163 QWidget[iconName='down2']{background-image:url(:/skin/common/down2.png);background-repeat: no-repeat; background-position:center center;}
164 QWidget[iconName='out']{background-image:url(:/skin/common/out.png);background-repeat: no-repeat; background-position:center center;}
165 QWidget[iconName='add']{background-image:url(:/skin/common/add.png);background-repeat: no-repeat; background-position:center center;}
166 QWidget[iconName='add2']{background-image:url(:/skin/common/add2.png);background-repeat: no-repeat; background-position:center center;}
167 QWidget[iconName='btnUpgrade']{background-image:url(:/skin/common/upgrade.png);background-repeat: no-repeat; background-position:center center;}
168 QWidget[iconName='btnDegrade']{background-image:url(:/skin/common/degrade.png);background-repeat: no-repeat; background-position:center center;}
169 QWidget[iconName='file']{background-image:url(:/skin/common/file.png);background-repeat: no-repeat; background-position:center center;}
170 QWidget[iconName='file2']{background-image:url(:/skin/common/file2.png);background-repeat: no-repeat; background-position:center center;}
171 QWidget[iconName='share']{background-image:url(:/skin/common/share.png);background-repeat: no-repeat; background-position:center center;}
172 QWidget[iconName='alarm']{background-image:url(:/skin/common/alarm.png);background-repeat: no-repeat; background-position:center center;}
173 QWidget[iconName='cycle']{background-image:url(:/skin/common/cycle.png);background-repeat: no-repeat; background-position:center center;}
174 QWidget[iconName='download2']{background-image:url(:/skin/common/download2.png);background-repeat: no-repeat; background-position:center center;}
175 QWidget[iconName='photo']{background-image:url(:/skin/common/photo.png);background-repeat: no-repeat; background-position:center center;}
176 QWidget[iconName='export']{background-image:url(:/skin/common/export.png);background-repeat: no-repeat; background-position:center center;}
177 QWidget[iconName='import']{background-image:url(:/skin/common/import.png);background-repeat: no-repeat; background-position:center center;}
178 QWidget[iconName='modify']{background-image:url(:/skin/common/pen.png);background-repeat: no-repeat; background-position:center center;}
179 QWidget[iconName='doc']{background:url(:/skin/common/fileIcon//doc.png); background-repeat: no-repeat; background-position:center center;}
180 QWidget[iconName='key']{background-image:url(:/skin/common/key.png);background-repeat: no-repeat; background-position:center center;}
181 QWidget[iconName='tagicon']{background-image:url(:/skin/common/tagicon.png);background-repeat: no-repeat; background-position:center center;}
182 QWidget[iconName='search']{background-image:url(:/skin/common/search.png);background-repeat: no-repeat; background-position:center center;}
183 QWidget[iconName='detail']{background:url(:/skin/common/detail.png);background-repeat: no-repeat; background-position:center center;}
184 QWidget[iconName='sharehead']{background-image:url(:/skin/common/shareHead.png);background-repeat: no-repeat; background-position:center center;}
185
186 QWidget[iconName='sync']{background:url(:/skin/common/sync.png);background-repeat: no-repeat; background-position:center center;}
187 QWidget[iconName='sync']:hover{background-color:rgba(255, 255, 255, 45);}
188
189 QWidget[iconName='xls']{background:url(:/skin/common/fileIcon//xls.png) no-repeat center center;}
190 QWidget[iconName='ppt']{background:url(:/skin/common/fileIcon//ppt.png) no-repeat center center;}
191 QWidget[iconName='jpg']{background:url(:/skin/common/fileIcon//jpg.png) no-repeat center center;}
192 QWidget[iconName='png']{background:url(:/skin/common/fileIcon//png.png) no-repeat center center;}
193
194 /**TimeLine**/
195 QWidget[style="TimeLine_Date"]{font-weight:bold;}
196 QWidget[style="TimeLine_Explain"]{border-bottom-width:10px;min-height:30px;padding:5px; word-break:break-all;word-wrap:break-word;}
197 QWidget[style="TimeLine_Person"]{}
198 QLabel[style="TimeLine_FileName"]{color:#bbb;font-size:15px;}
199 QWidget[TimeLine_Explain="left"]{border-image:url(:/skin/common/tipLeft.png);border-left-width:35px;padding-left:0;}
200 QWidget[TimeLine_Explain="right"]{border-image:url(:/skin/common/tipRight.png);border-right-width:35px;padding-right:0;}
201
202
203 /*不能编辑的编辑框样式*/
204 QWidget[edit=false]:!enabled{border:none;background:transparent;color:#666;}
205 QComboBox[style="noBorder"]{border:none;background:transparent;}
206 QComboBox[style="noBorder"]::drop-down{border:none;background-color:transparent;}
207 QComboBox[style="noBorder"]::drop-down:hover{border:none;background-color:transparent;}
208
209 /**MessageBox**/
210 QLabel[style="MessageText"]{font-size:15px;text-indent:15px;color:#444;padding:5px;}
211
212 /**Loading**/
213 QWidget#LoadingBorder{border:1px solid #ddd;border-radius:2px;background-color:rgba(255,255,255,200);}
214 QLabel[LoadingTextStyle='LoadingText']{font-size:14px;}
215 QLabel[LoadingTextStyle='LoadingBlackText']{font-size:14px;}
216 QLabel[style="bold"]{font-weight:bold;font-size:14px;}
217
218 /**QTreeView**/
219 QTreeWidget{background-color:#f5f5f5;border:none; outline:none;
220             selection-background-color: qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0, stop: 0 #6f6f6f, stop: 0.95 #6f6f6f, stop: 1 #7f7f7f);
221             show-decoration-selected: true;
222             alternate-background-color: #ececec;}
223 QTreeWidget::item{min-height:40px;max-height:200px;outline:none;}
224 TreeWidgetItem[style="FolderItem"]>QLabel[style="TitleText"]{font-weight:bold;}
225 TreeWidgetItem[style="DoneTask"]>QLabel[style="TitleText"]{color:#999;text-decoration:line-through;}
226 TreeWidgetItem>QLabel[style="TitleText"]{font-size:15px;}
227 TreeWidgetItem>QLabel[style="DateText"]{color:#999;font-size:14px;}
228
229 QTreeView::branch{margin-left:2px;background:transparent;}
230 QTreeView::branch:has-children:open{background: url(:/skin/common/treeFolder.png) no-repeat right center;}
231 QTreeView::branch:has-children:closed{background: url(:/skin/common/treeFolder2.png) no-repeat right center;}
232 QTreeView::item:hover{outline:none;color:#fff;border:none;}
233
234 QTreeView::item:selected:!active{}
235 QTreeView::item:selected,QTreeView::item:selected:active{outline:none;color:#fff;border:none;
236 background-color:qlineargradient(y1: 0, x1: 0, y2: 1, x2: 0, stop: 0 #6f6f6f, stop: 0.95 #6f6f6f, stop: 1 #7f7f7f);}
237
238 TreeWidgetItem[selected='active']>QLabel[style="TitleText"]{color:#fff;}
239 TreeWidgetItem[selected='active']>QLabel[style="DateText"]{color:#eee;}
240 TreeWidgetItem[selected='yes']>QLabel[style="TitleText"]{color:#ddd;}
241 TreeWidgetItem[selected='yes']>QLabel[style="DateText"]{color:#eee;}
242 TreeWidgetItem[dragMoveItem='true']{background: #6f6f6f;}
243 TreeWidgetItem[MoveType='left']{background-image:url(:/skin/common/moveLeft.png);background-repeat: no-repeat; background-position:left bottom;}
244 TreeWidgetItem[MoveType='right']{background-image:url(:/skin/common/moveRight.png);background-repeat: no-repeat; background-position:left bottom;}
245 TreeWidgetItem[MoveType='insert']{background-image:url(:/skin/common/moveInsert.png);background-repeat: no-repeat; background-position:left bottom;}
246 TreeWidgetItem[MoveType='first']{background-image:url(:/skin/common/moveFirst.png);background-repeat: no-repeat; background-position:left top;}

如何应用以上Style到应用程序呢？

1     QString commonSkin = ResourceUtils::readAllText(":/skin/skin.css"); 　　　　　　　　　　// 读取资源文件，文本格式　
2     qApp->setStyleSheet(commonSkin);　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　// 程序启动时，注册全局Style

效果图：

图一

图二

图一、二都是去掉标题栏的自定义不规则窗体，欢迎拍砖。。。

Qt控件样式 Style Sheet Demo相关推荐

  1. Qt控件样式之QSS

    QSS常用于Qt的控件样式美化,合理地使用Qss可以完成在不改动代码的情况下改变Qt界面的样式. 官方提供的例子: http://qt-project.org/doc/qt-4.8/styleshee ...

  2. Qt 常用控件样式表及遇到的问题

    Qt界面美化常用到样式表,用好样式表能达到不一样的效果. 样式表用法 常用控件样式表用法如下: /**********子界面背景**********/ QWidget#customWidget {ba ...

  3. qss设置平面按钮_QSS基础-设置控件样式

    1.QSS基础-设置同类控件样式 ''' QSS基础:Qt Style Sheet Qt样式表 用于设置控件的样式和风格(比如控件的背景色,字体颜色,字体大小等) 和CSS的功能比较相似,功能相似 ' ...

  4. WP8.1学习系列(第二十五章)——控件样式

      XAML 框架提供许多自定义应用外观的方法.通过样式可以设置控件属性,并重复使用这些设置,以便保持多个控件具有一致的外观. 路线图: 本主题与其他主题有何关联?请参阅: 使用 C# 或 Visua ...

  5. WPF Calendar 日历控件 样式自定义

    原文:WPF Calendar 日历控件 样式自定义 粗略的在代码上做了些注释 blend 生成出来的模版 有的时候 会生成 跟 vs ui界面不兼容的代码 会导致可视化设计界面 报错崩溃掉 但是确不 ...

  6. opic4:Qt入门之常用qt控件认知之Button系列

    opic4:Qt入门之常用qt控件认知之Button系列 2013-06-27 18:21:54 标签:QAbstractButton QPushButton QRadioButton 原创作品,允许 ...

  7. MUI框架-03-自定义MUI控件样式

    MUI框架-03-自定义MUI控件样式 开发请查阅:官方文档:http://dev.dcloud.net.cn/mui/ui/ 如何自定义MUI控件样式 mui 以 iOS 7的 UI 为基础,补充了 ...

  8. WPF 控件样式及样式事件设置

    实例下载:WPF控件样式及样式事件设置-C#文档类资源-CSDN下载 封装用户控件实例:图片选择Checkbox(用户控件)-C#文档类资源-CSDN下载 1.直接在代码中设置控件样式(例:设置按键圆 ...

  9. WPF控件样式、模板

    初次写博客,新手请多指教. 写WPF已有一年有余了,平时在工作项目当中喜欢总结一些公用库,通用样式之类的,以便于日后工作中遇到,可以直接复用,提供工作效率. 本文提供 Windows.Button.S ...

最新文章

  1. 万字长文让你看够幂级数
  2. EMCA和EMCTL的简单用法
  3. K - Triangle 计蒜客 - 42405
  4. Linux 可执行文件 ELF结构 及程序加载运行
  5. php删除树结构文件,树型结构列出目录中所有文件的php代码
  6. 从零开始的linux 第五章
  7. 双链表（线性表的链式存储）---C语言版
  8. Html5带来了什么？
  9. 利用CURL修改页面内容
  10. MongoDB在RHEL6.5下的安装
  11. can总线程序讲解_CAN总线软件编程
  12. 29个用于石油和天然气等行业的最佳 GIS 软件
  13. tts高级编程 android,Android TTS(TextToSpeech) 使用
  14. 敏捷概念.Stacey矩阵
  15. 杂篇：随笔编程杂谈录--《隆中对》
  16. 掌上快递之主界面篇(1)
  17. 以下名字 不能作为c语言标识符的是,（完整版）《C语言程序设计》复习参考答案...
  18. [转帖]房博士教你购房（一）
  19. IG-REPORT企业智能报表 测试记录
  20. 手把手教大家在mac上用VMWare虚拟机装win7

热门文章

  1. HDMapNet：高精度语义地图的动态构建
  2. 最简单的WebGIS地图引擎，最丰富的历史地理知识
  3. 开胃甜点.4.-【RM周边工具索引】——RM旗舰套餐
  4. 【阿冈对话】阿冈与王石对话房产、生活和其他
  5. 重庆成人自考本科考哪几门
  6. 算法题--讨厌的青蛙
  7. CAD带属性快（c#）
  8. Spring framework(3)：IoC(1) IoC 容器上下文对象
  9. 【微课制作软件】Focusky教程 | 怎样改变图片形状？
  10. 《花开半夏》--7 陆元（2）