QSS 记录

/*浮动窗口*/
QDockWidget{
    color:rgb(230,230,230);
    /*背景色*/
    background-color:#343434;
}
/*浮动窗口-子控件弹出-鼠标停靠*/
QDockWidget::float-button:hover{
    /*背景色*/
    background-color:#0099ff;
}
/*按钮*/
QPushButton{
    /*前景色*/
    color:#e6e6e6;
    /*背景色*/
    background-color:rgb(0,153,255);
    /*边框-圆角*/
    border-radius:3px;
    /*字体*/
    font-family: "Microsoft YaHei";
    /*字体加粗*/
    font-weight:bold;
    /*字体尺寸*/
    font-size: 12px;
    /*高度*/
    height: 20px;    
}
/*按钮-鼠标停靠*/
QPushButton:hover{
    /*背景色*/
    background-color:rgb(0,120,215);
}
/*按钮-鼠标按下*/
QPushButton:pressed{
    /*设置定位元素左外边距边界与其包含块左边界之间的偏移。*/
    top: 1px;
    /*设置定位元素的上外边距边界与其包含块上边界之间的偏移。*/
    left: 1px;
}
/*单行文本编辑*/
QLineEdit{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
    /*左内边距*/
    padding-left: 4px;
    /*最小宽度 - 1em 等于当前的字体尺寸。*/
    min-width: 6em;
}
/*单行文本编辑 - 鼠标停靠*/
QLineEdit:hover{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(0,122,204);
    /*左内边距*/
    padding-left: 4px;
    /*最小宽度*/
    min-width: 6em;
}
/*文本编辑*/
QTextEdit{
    /*前景色*/
    color:rgb(0,0,0);
}
/*单选按钮*/
QRadioButton{
    /*前景色*/
    color:rgb(230,230,230);
    /*边框*/
    border:none;
    /*字体*/
    font-family: "Microsoft YaHei";
    /*字体加粗*/
    font-weight:bold;
    /*字体尺寸*/
    font-size: 12px;
}
/*带文本的复选框*/
QCheckBox{
    /*前景色*/
    color:rgb(230,230,230);
    /*边框*/
    border:none;
    /*字体*/
    font-family: "Microsoft YaHei";
    /*字体加粗*/
    font-weight:bold;
    /*字体尺寸*/
    font-size: 12px;
}
/*标签*/
QLabel{
    /*前景色*/
    color:rgb(230,230,230);
    /*边框*/
    border:none;
    /*字体*/
    font-family: "Microsoft YaHei";
    /*字体加粗*/
    font-weight:bold;
    /*字体尺寸*/
    font-size: 12px;
}

QTabWidget {
    border: 0px transparent rgb(0,122,204);
}

QTabWidget::pane {
    border-bottom: 0px transparent rgb(0,122,204);  
    padding: 5px;        
    margin: 0px;
}

QTabBar {  
    border-top: 2px solid rgb(0,122,204);    
    qproperty-drawBase: 0;    
}

QTabBar:focus {
    border: 0px transparent black;
    outline: 0px;
}

QTabBar::tab:top {
    color: rgb(230,230,230);    
    border: 0px transparent rgb(0,122,204);    
    border-bottom: 1px transparent black;    
    background-color: rgb(45,45,48);    
    padding: 5px;    min-width: 50px;        
}
QTabBar::tab:top:selected {
    color: rgb(230,230,230);    
    background-color: rgb(0,122,204);    
    border: 0px transparent rgb(0,122,204);    
    border-bottom: 2px solid rgb(28,151,234);        
}
QTabBar::tab:top:!selected:hover {
    background-color: rgb(28,151,234);
}
/* BOTTOM TABS */QTabBar::tab:bottom {
    color: rgb(230,230,230);   
    border-top: 2px solid rgb(0,122,204);      
    background-color: rgb(45,45,48);   
    padding: 5px;            
    min-width: 50px;  
}
QTabBar::tab:bottom:selected {    
    background-color: rgb(0,122,204);          
}
QTabBar::tab:bottom:!selected:hover {
    background-color: rgb(28,151,234);
    border-top: 2px solid rgb(0,122,204);
}
/* LEFT TABS */QTabBar::tab:left {
    color: rgb(230,230,230);    
    border: 0px transparent rgb(0,122,204);    
    border-left: 1px transparent black;    
    background-color: rgb(45,45,48);    
    padding: 5px;            
    min-height: 50px;
}
QTabBar::tab:left:selected {
    color: rgb(230,230,230);    
    background-color: rgb(0,122,204);    
    border: 0px transparent rgb(0,122,204);    
    border-left: 2px solid rgb(28,151,234);        
}
QTabBar::tab:left:!selected:hover {
    background-color: rgb(28,151,234);
}
/* RIGHT TABS */QTabBar::tab:right {
    color: rgb(230,230,230);    
    border: 0px transparent rgb(0,122,204);    
    border-right: 1px transparent black;    
    background-color: rgb(45,45,48);    
    padding: 5px;            
    min-height: 50px;
}
QTabBar::tab:right:selected {
    color: rgb(230,230,230);    
    background-color: rgb(0,122,204);    
    border: 0px transparent rgb(0,122,204);    
    border-right: 2px solid rgb(28,151,234);        
}
QTabBar::tab:right:!selected:hover {
    background-color: rgb(28,151,234);
}

QTabBar QToolButton::right-arrow:enabled {
    image: url(:/qss_icons/rc/right_arrow.png);
}
QTabBar QToolButton::left-arrow:enabled {
    image: url(:/qss_icons/rc/left_arrow.png);
}
QTabBar QToolButton::right-arrow:disabled {
    image: url(:/qss_icons/rc/right_arrow_disabled.png);
}
QTabBar QToolButton::left-arrow:disabled {
    image: url(:/qss_icons/rc/left_arrow_disabled.png);
}
/*菜单栏*/
QMenuBar {
    /*前景色*/
    color: rgb(230,230,230);
    /*背景色*/
    background-color: rgb(49,54,59);    
}
/*菜单栏-子项目*/
QMenuBar::item {
    /*背景透明*/
    background: transparent;
}
/*菜单栏-子项目-选中*/
QMenuBar::item:selected {
    /*背景透明*/
    background: transparent; 
    /*边框*/
    border: 1px solid rgb(118,121,124);
}
/*菜单栏-子项目-按下*/
QMenuBar::item:pressed {
/*菜单*/
    /*前景色*/
    color: #eff0f1;
    /*背景色*/
    background-color: #3daee9;
    /*边框*/
    border: 1px solid #76797C;
    /*外边距-底部*/
    margin-bottom: -1px;
    /*内边距-底部*/
    padding-bottom: 1px;
}
QMenu {
    /*前景色*/
    color: #eff0f1;
    /*背景色*/
    background-color: #3daee9;
    /*边框*/
    border: 0px solid #76797C;
    /*外边距*/
    margin: 1px;
}
/*菜单-图标*/
QMenu::icon {
    /*边距*/
    margin: 5px;
}
/*菜单-子项目*/
QMenu::item {
    /*背景色*/
    background-color:rgb(44,44,44);
    /*边框*/
    border: 1px solid transparent; 
    /*内边距*/
    padding: 5px 30px 5px 30px;
}
/*菜单-子项目-选中*/
QMenu::item:selected {
    /*前景色*/
    color: #eff0f1;
}
/*菜单-分割线*/
QMenu::separator {
    /*背景*/
    background: lightblue;
    /*高度*/
    height: 1px; 
    /*内边距-左*/
    margin-left: 10px;
    /*内边距-右*/    
    margin-right: 5px;
}
/*菜单-指示器*/
QMenu::indicator {
    /*宽度*/
    width: 18px;    
    /*高度*/
    height: 18px;
}
/*数据表格*/
QTableWidget{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(35,35,35);
    /*网格线的颜色*/
    gridline-color:rgb(50,50,50);
    /*边框*/
    border:1px solid rgb(50,50,50);
}
/*数据表格-子项目-选中*/
QTableWidget::item::selected{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(0,112,204);
}
/*数据表格-子项目-焦点*/
QTableWidget::item::focus{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(255,112,204);
}
/*数据表格-表头*/
QTableWidget QHeaderView::section{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(30,30,30);
    /*边框*/
    border:1px solid rgb(50,50,50);
    /*边框-左*/
    border-left:0px;    
    /*边框-底部*/
    border-bottom:1px solid rgb(50,50,50);
    /*高度*/
    height:30;
}
/*数据表格-子项目-鼠标停留*/
QTableWidget::item:hover{
}
/*表右侧的滑条*/
QScrollBar:vertical{
}
/*滑块*/
QScrollBar::handle:vertical{
}
/*滑块悬浮*/
QScrollBar::handle:hover:vertical{
}
/*滑块按下*/
QScrollBar::handle:pressed:vertical{
}
/*滑块已经划过的区域*/
QScrollBar::sub-page:vertical{
}
/*滑块还没有划过的区域*/
QScrollBar::add-page:vertical{
}
/*微调框*/
QSpinBox,QDoubleSpinBox{
    /*前景色*/
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
    /*内边距-左*/
    padding-left: 4px;
    /*最小宽度*/
    /*min-width: 6em;*/
}
/*微调框*/
QSpinBox:hover,QDoubleSpinBox:hover{
    /*边框*/
    border: 1px solid rgb(0,122,204);
}
/*微调框-向上、向下按钮*/
QSpinBox::up-button,
QSpinBox::down-button,
QDoubleSpinBox::up-button,
QDoubleSpinBox::down-button{
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
}
/*微调框-向上、向下按钮-按下*/
QSpinBox::up-button:pressed,
QSpinBox::down-button:pressed,
QDoubleSpinBox::up-button:pressed,
QDoubleSpinBox::down-button:pressed{
    /*背景色*/
    background-color:rgb(0,122,204);
    /*边框*/
    border: 1px solid rgb(0,122,204);
}
/*微调框-向上箭头*/
QSpinBox::up-arrow,
QDoubleSpinBox::up-arrow{
    /*宽度*/
    width: 7px;
    /*高度*/
    height: 3px;
    /*背景图片*/
    background-image: url(:/TradeClient/Resources/up_Arrow.png);
}
/*微调框-向下箭头*/
QSpinBox::down-arrow,
QDoubleSpinBox::down-arrow{
    /*宽度*/
    width: 7px;
    /*高度*/
    height: 3px;
    /*背景图片*/
    background-image: url(:/TradeClient/Resources/down_Arrow.png);
}
/*群组框*/
QGroupBox{
    /*最小高度*/
    min-height:35px;
    /*前景色*/
    color:rgb(230,230,230);
    /*边框*/
    border: 1px solid rgb(67,67,70);
    /*外边距-顶部*/
    margin-top: 6px;
    /*字体*/
    font-family: "Microsoft YaHei";
    /*字体加粗*/
    font-weight:bold;
    /*字体尺寸*/
    font-size: 12px;
}
/*群组框-标题*/
QGroupBox::title{
    subcontrol-origin: margin;
    subcontrol-position: top left;
      left:10px;     
      margin-left: 0px;
      padding:0 1px;   
}
/*下拉框*/
QComboBox{
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
    /*内边距-左*/
    padding-left: 4px;
}
/*下拉框 - 鼠标停留*/
QComboBox:hover{
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(0,122,204);
    /*内边距-左*/
    padding-left: 4px;
}
/*下拉框 - 下拉按钮*/
QComboBox::drop-down {
    /*边框*/
    border: 0px solid rgb(67,67,70);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*内边距 - 左*/
    padding-left: 4px;
    subcontrol-origin: padding;
    subcontrol-position: top right;
    /*宽度*/
    width: 15px;
}
/*下拉框 - 下拉按钮 - 展开的状态*/
QComboBox::drop-down:on
{
    /*边框*/
    border: 0px solid rgb(67,67,70);
    /*背景色*/
    background-color:rgb(51,51,255);
    /*内边距- 左*/
    padding-left: 4px;
    subcontrol-origin: padding;
    subcontrol-position: top right;
    /*宽度*/
    width: 15px;
}
/*下拉框-下拉箭头*/
QComboBox::down-arrow {
    /*宽度*/
    width: 11px;
    /*高度*/
    height: 5px;
    left: -2px;
    /*背景图片*/
    background-image:url(:/TradeClient/Resources/combobox_arrow.png);
}
/*下拉框-下拉箭头-展开状态*/
QComboBox::down-arrow:on { 
    top: 1px;
    left: -1px;
}
/*下拉框-下拉列表*/
QComboBox QAbstractItemView {
    /*前景色*/
    color:rgb(230,230,230);
    /*背景颜色*/
    background-color:rgb(27,27,28);
    /*选中时背景颜色*/
    selection-background-color: rgb(63,63,70);
    /*边框*/
    border: 0px solid darkgray;
    outline: 0px;
}
/*下拉框-下拉列表-子项目*/
QComboBox QAbstractItemView::item {
    border: 0px;  
    min-height: 25px;
}
/*下拉框-下拉列表-子项目 - 选中*/
QComboBox QAbstractItemView::item::selected {
    background-color: rgb(63,63,70);
    min-height: 30px;
}
/*日期编辑框*/
QDateEdit{
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
    /*内边距-左*/
    padding-left: 4px;
}
/*日期编辑框*/
QDateEdit:hover,QDateTimeEdit:hover{
    /*边框*/
    border: 1px solid rgb(0,122,204);
}
/*日期编辑框-下拉箭头*/
QDateEdit::down-arrow
{
    /*宽度*/
    width: 11px;
    /*高度*/
    height: 5px;
    left: -2px;
    /*背景图片*/
    background-image:url(:/TradeClient/Resources/combobox_arrow.png);
}
/*日期编辑框-下拉箭头- 展开状态*/
QDateEdit::down-arrow:on 
{ 
    top: 1px;
    left: -1px;
}
/*日期编辑框-右侧按钮*/
QDateEdit::drop-down 
{
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51, 51, 55);
    /*边框*/
    border:0px solid rgb(0,122,204);
    /*内边距-左*/
    padding-left:4px;
    subcontrol-origin: padding;
    subcontrol-position: top right;
    /*宽度*/
    width:15px;
}
/*日期时间编辑框*/
QDateTimeEdit
{
    color:rgb(230,230,230);
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
    /*内边距-左*/
    padding-left: 4px;
}
/*日期时间编辑框 - 向上、向下按钮*/
QDateTimeEdit::up-button,
QDateTimeEdit::down-button
{
    /*背景色*/
    background-color:rgb(51,51,55);
    /*边框*/
    border: 1px solid rgb(67,67,70);
}
/*日期时间编辑框 - 向上、向下按钮-按下*/
QtDateTimeEdit::up-button:pressed,
QtDateTimeEdit::down-button:pressed
{
    /*背景色*/
    background-color:rgb(0,122,204);
    /*边框*/
    border: 1px solid rgb(0,122,204);
}
/*日期时间编辑框 - 向上箭头*/
QtDateTimeEdit::up-arrow
{
    /*宽度*/
    width: 7px;
    /*高度*/
    height: 3px;
    /*背景图片*/
    background-image: url(:/TradeClient/Resources/up_Arrow.png);
}
/*日期时间编辑框 - 向下箭头*/
QtDateTimeEdit::down-arrow
{
    /*宽度*/
    width: 7px;
    /*高度*/
    height: 3px;
    /*背景图片*/
    background-image: url(:/TradeClient/Resources/down_Arrow.png);
}

 

QSS的选择器类型

1.通配选择器：*  ; 匹配所有的控件
2.类型选择器：QPushButton ; 匹配所有QPushButton和其子类的实例
3.属性选择器：QPushButton[flat="false"]; 匹配所有flat属性是false的QPushButton实例，注意该属性可以是自定义的属性，不一定非要是类本身具有的属性
4.类选择器：  .QPushButton ;  匹配所有QPushButton的实例，但是并不匹配其子类。这是与CSS中的类选择器不一样的地方，注意前面有一个点号
5.ID选择器：  #myButton; 匹配所有id为myButton的控件实例，这里的id实际上就是objectName指定的值
6.后代选择器： QDialog QPushButton ; 所有QDialog容器中包含的QPushButton，不管是直接的还是间接的
7.子选择器：  QDialog > QPushButton; 所有QDialog容器下面的QPushButton，其中要求QPushButton的直接父容器是QDialog

另外上面所有的这些选择器可以联合使用，并且支持一次设置多个选择器类型，用逗号隔开，这点与CSS一样，例如#frameCut,#frameInterrupt,#frameJoin 表示所有这些id使用一个规则。#mytable  QPushButton 表示选择所有id为mytable的容器下面的QPushButton实例