Qt qss使用总结

最近做一个项目，使用qss进行界面美化，我是新手，总结了使用的代码，

一是对自己这段时间所学做一个总结和记录，眼过千遍不如手过一遍加深记忆，记录了也利于后续回顾。

二是供和我一样的新手学习。高手勿喷，多多指教！

1，QGroupBox

QGroupBox{

border:1px solid white;

border-radius:5px;

border-style:outset;

margin-top:1ex;

}

QGroupBox::title{

subcontrol-origin:margin;

subcintrol-position:top left;

left:10px;

padding:0 3px;

}

QSlider{

border-color:#bcbcbc;

border-radius:10px;

}

QSlider::groove:horizontal{

 border:1px solid #4A708B;

 border-radius:10px;

 height:20px;

 left:5px;

 right:5px;

}

2，QSlider

QSlider::handle:horizontal{

 border :0px;

 border-radius:10px;

 border-image: url(:/image/commImage/image/commImage/slider_handle.png);

 width:50px;

 height:50px;

 margin:-15px 0px -15px 0px;

}

 QSlider::sub-page:horizontal{

 border-radius:10px;

 background:qlineargradient(spread:pad,x1:0,y1:1,x2:0,y2:0,stop:0 #bcbcbc,stop:0.25 #bcbcbc,stop:0.5 #b)

 }

QSlider::add-page:horizontal{

border-radius:510px;

background:qlineargradient(spread:pad,x1:0,y1:1,x2:0,y2:0,stop:0 #439cf9,stop:0.25 #439cf9,stop:0.5 #439cf9,stop:1 #439cf9);

}

3，QTabWidget

QTabBar::tab{
font: 28pt "微软雅黑";
color:rgb(255,255,255);
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:5px;
height:48px;
width:220px;
position:absolute;
left:10px;
}
QTabWidget::tab-bar{
alignment:left;
left:5px;
}
QTabBar::tab:selected{
border-image:url(:/image/commImage/image/commImage/tab_choose_.png);
}
QTabBar::tab:!selected{
border-image:url(:/image/commImage/image/commImage/tab.png);
margin-top:10px;
}
QTabWidget::pane{
border:1px solid white;
background-color: rgba(17, 48, 94,0);
}

4，QComoboBox

QComboBox{
  border:2px solid gray;
  border-radius:10px;
  font: 36pt "微软雅黑";
  border-image: url(:/image/commImage/image/commImage/btn_bg.png);
  color: rgb(255, 255, 255);
  border-style:outset;
}
QComboBox::down-arrow{
  border-image: url(:/image/commImage/image/commImage/arrow_bottom.png);
  width:35px;
  height:45px;
}
QComboBox::drop-down{
  width:50px;
  border-left-width:2px;
  border-left-color:darkgray;
  border-left-style:solid;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}
QComboBox QAbstractItemView::item{
  height:50px;
  }

5，QCheckBox

QCheckBox::indicator
{
width:36px;height:36px;
border-image: url(:/image/loginUI/image/loginUI/login_nochoose_chk.png);
}
QCheckBox::indicator:checked{
border-image: url(:/image/loginUI/image/loginUI/login_choose_chk.png);
}