Qt控件常用的样式表总结

QSpinBox

  QSpinBox {
    font: 14px 'Microsoft YaHei';
    border:  1px solid #CED0DA;
    border-radius: 5px;
    background-color: #FAFAFA;
  }

  QSpinBox::up-button {
    subcontrol-origin: border;
    subcontrol-position: top right; 
    margin-right: 3px;
    margin-top: 3px;
    width: 13px; 
    image: url(:/res/icon_new/up-white.png);
    border-width: 1px;
    border-radius: 3px;
  }

  QSpinBox::up-button:hover {
      image: url(:/res/icon_new/up-gray.png);
  }

  QSpinBox::up-button:pressed {
      image: url(:/res/icon_new/up-white.png);
  }

  QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off { 
     image: url(:/images/up-gray.png);
  }

  QSpinBox::down-button {
    subcontrol-origin: border;
    subcontrol-position: bottom right; 

    width: 13px;
    image: url(:/res/icon_new/down-white.png);
    border-width: 1px;
    margin-right: 3px;
    margin-bottom: 2px;
    border-top-width: 0;
		border-radius: 3px;
  }

  QSpinBox::down-button:hover {
      image: url(:/res/icon_new/down-gray.png);
  }

  QSpinBox::down-button:pressed {
      image: url(:/res/icon_new/down-white.png);
  }

  QSpinBox::down-arrow:disabled, QSpinBox::down-arrow:off { 
     image: url(:/images/up-gray.png);
  }

QSlider

QSlider{
    border-color: #bcbcbc;
}
QSlider::groove:horizontal {                                                                      
    margin: 0px 0;                                         
    left: 5px; right: 5px; 
    height: 3px;
    border-radius: 2px;
}
QSlider::handle:horizontal 
{
    background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, 
    stop:0.6 rgba(255, 255, 255, 255), stop:0.778409 #45ADED);

    width: 10px;    
    margin-top: -4px;
    margin-bottom: -4px;
    border-radius: 5px;
}

QSlider::handle:horizontal:hover {
    background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #ffffff, 
    stop:0.778409 #2A8BDA);

    width: 10px;
    margin-top: -4px;
    margin-bottom: -4px;
    border-radius: 5px;
}
QSlider::add-page:horizontal{
    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 #f5f5f5, stop:0.25 #f5f5f5, stop:0.5 #f5f5f5, stop:1 #f5f5f5); 

}
QSlider::sub-page:horizontal{                               
    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 #92d5ff, stop:0.25 #92d5ff, stop:0.5 #92d5ff, stop:1 #92d5ff);                     
}

 QCheckBox

    png图片   

QCheckBox
{
    font-family:'Microsoft YaHei';
    font-size:14px;
    color:#7b91a1;
    height:30px;
    min-height:30px;
    max-height:30px;
    background-color: #fff;
}
QCheckBox::indicator:checked {  
    image: url(:/res/icon_new/icon-switch-open.png);
}
QCheckBox::indicator:unchecked {  
    
    image: url(:/res/icon_new/icon-switch-closed.png);
}

QPushButton(带图片)

QPushButton{
    text-align: top right;
    image-position: left center;
    image: url(:/res/icon_menu/delete.png);
    color:  #747474;
    background-color: transparent;
    text-decoration: underline;
    border: none;
    font-family:'Microsoft YaHei';
    font-size:14px;
    max-width: 50px;
    min-width: 50px;
    min-height: 25px;
}

QComboBox

QComboBox {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    selection-background-color: #2A91F3;
    selection-color: #ffffff;
    padding-left: 8px;
    font: 14px 'Microsoft YaHei';
    color: #393c3e;
    border-radius: 4px;
}

QComboBox::drop-down {
    border: none;
}

QComboBox::down-arrow {
    image: url(:/res/icon/arrow_down_unchecked.png);
}

QFrame {
    background-color: #ffffff;	
}