QT样式表用法

操作样式表一般会用到选择器、辅助控制器、状态、属性。简介如下：

1.常见的选择器

选择器	实例	可匹配的控件
类型	QPushButton	给定类的实例保存子类
标识	QPushButton#okButton	给定对象名的控件
全局对象	*	任何窗口部件

选择器语法

选择器{

属性:值;

}

如：设置QPushButton类的okButton对象

QPushButton#okButton{

Background-color:red;

}

 

2.常见辅助控制器。辅助控件器使用需要加::drop-down.

辅助控制器	说明
::drop-down	组合框的下拉箭头(ComboBox展开时)
::down-button	QScrollBar或QSpinBox的向下按钮
::indicator	复选框、单选框(chechBox或RadioButton)、可选菜单项(Menu)或群组(QGrounpBox)
::up-button	QSpinBox的向上按钮
::title	QGrounpBox QDockWidget的标题
::item	菜单栏、菜单、状态栏项
::up-arrow	QScrollBar QSpinBox向上按钮
::down-arrow	QComboBox QScrollBar QSpinBox向下按钮

辅助控制器语法

选择器::辅助控制器{

属性:值;

}

如：设置QComboBox向下按键图标

QComboBox::down-arrow{

image:url(:/icon/down_arrow.ico);

}

 

3.常见状态。

状态	说明
:active	当前活动的窗口
:hover	鼠标悬浮在控件上
:pressed	鼠标点击控件
:checked	按键已被选中
:unchecked	按键未被选中
:disabled	禁用窗口部件
:enable	启用窗口部件
:focus	部件有输入焦点

状态语法

选择器:状态{

属性:值;

}

如：悬浮修改QPushButton控件文本颜色

QPushButton:hover{

color:red

}

 

 

4.常见属性列表

属性	值	说明
background-color	Brush	用于设置背景色。如：QLabel{background-color:red} QLineEdit{background-color:rgb(255,0,0)}
background-image	Url	用于设置背景图。如：QFrame{ background-image:url(:/QQ.ico) }
border	Border	用于设置部件的外框线。可设置前后左右颜色宽度等等,如QLineEdit{border:1px solid white} QLineEdit{  border-width:1px; border-style:solid border-color:white }
color	Brush	设置字体颜色 QPushButton{color:red}
font	font	设置字体大小样式等。如： QTextEdit{ Font-size:12px; Font-stype：italic; }
Selection-color*	Brush	设置选择一个item时的颜色。如：QTextEdit{     Selection-color：white }

 

辅助控制器、选择器、属性、状态一起连用。

如：悬浮QComboBox时，修改QComboBox图标

QComboBox::drop-down:hover{

image:url(:/icon/QQ.ico)

}