QT样式表(QSS)

1、盒模型

盒模型由4个同心矩形组成，从外到内分别是外边距、边界、内衬和内容，大部分UI视觉内容都包含在内容矩形中。默认情况下，前三个矩形的大小属性都是0，因此这四个矩形都重叠成一个了。这里与前三个大小相关的属性有：

• margin：代指外边距矩形与边界矩形之间的间距。
• border-width：代指外边距矩形与内衬矩形之间的间距。
• padding：代指内衬矩形与内容矩形之间的间距。

 2、QSS

QPushButton#pushButton_OpenPort:hover{
    min-height:15px;
    min-widget:
    font: 75 11pt "Agency FB";    //75,加粗
    color: rgba(255, 255, 255, 255);    //rgb(255,255,255),白色; a(0),无色透明
    background-color:rgba(100,100,100,255);

    border-style:none;　　//outset，inset
    border:1px solid blue;
    border-radius:5px;  //圆角

    padding:1px;

}

3、伪状态

 QPushButton:hover { color: white }　　//鼠标悬停

QRadioButton:!hover { color: red }　　//鼠标不悬停

QCheckBox:hover:checked { color: white }  //鼠标悬停在选中的复选框上

QPushButton:hover:!pressed { color: blue; }  //鼠标悬停在一个没有按下的按钮上

常用状态：

:disabled                   禁用的窗口部件  

:enabled                    启用的窗口部件  

:focus                      窗口部件有输入焦点  

:hover                      鼠标在窗口部件上悬停  

:pressed                    鼠标按键点击窗口部件  

:checked                    按钮已被选中  

:unchecked                  按钮未被选中  

:indeterminate              按钮被部分选中  

:open                       窗口部件处于打开或扩展的状态  

:closed                     窗口部件处于关闭或销毁状态  

:on                         窗口部件的状态是on  

:off                        窗口部件的状态是on  

4、选择器类型

选择器	示例	说明
通用选择器	*	匹配所有的组件
类型选择器	QPushButton	匹配所有QPushButton机器子类的实例
属性选择器	QPushButton[flat="false"]	匹配所有QPushButton的属性flat为false的实例。属性分为静态属性和动态属性，静态属性可以通过Q_PROPERTY()来指定，动态属性可以使用setProperty来指定。
类选择器	.QPushButton	匹配QPushButton的实例，子类除外
ID选择器	QPushButton#okButton	匹配对象名为okButton的所有QPushButton实例
后代选择器	QDialog QPushButton	匹配QDialog后代的所有QPushButton实例
子选择器	QDialog > QPushButton	匹配QDialog子类对象QPushButton的所有实例