QT 滑动条和滚动条的样式

1.滑动条

滑动条的设置

 QSlider{  background-image: url(:/images/slider.svg);  } 
 QSlider::groove:horizontal { 
                                  border: 0px solid #999999;  
                                  height: 2px; 
                                  margin: 0px; 
                                  left: 0px; right: 0px; 
                              } 

滑块的设置

QSlider::handle:horizontal {
                                border: 0px solid #5c5c5c; 
                                border-image:url(:/images/slidergoop.svg); 
                                 50px; 
                                margin: -25px -4px -25px -4px;
                             }

代码

setStyleSheet("QSlider{ 
                                    background-image: url(:/images/slider.svg); 
                              } 
                              QSlider::groove:horizontal { 
                                                  border: 0px solid #999999;  
                                                  height: 2px; 
                                                  margin: 0px; 
                                                  left: 0px; right: 0px; 
                              } 
                              QSlider::handle:horizontal {
                                                  border: 0px solid #5c5c5c; 
                                                   border-image:url(:/images/slidergoop.svg); 
                                                    50px; 
                                                   margin: -25px -4px -25px -4px;
                              };");

2.滚动条的样式

滚动条设置

QScrollBar::vertical {
                  background:rgb(63,70,87);
                  border:0px solid grey;
                   30px;
                  margin:40px 0px 40px 0px;
               }

滑动的滑块设置           

QScrollBar::handle:vertical {
               background: rgb(108,113,125);
               border: 1px solid grey;
               border-radius:3px;
               min-height: 20px;
               30px;
               }

上面箭头的设置

 QScrollBar::add-line:vertical {
                  height: 40px;
                  subcontrol-origin:margin;
              }

QScrollBar::up-arrow:vertical {
                 subcontrol-origin: margin; 
                 height: 40px;
                 border:0 0 0 0;
                 border-image: url(:images/6.png);
              }

下面箭头的设置            

 QScrollBar::sub-line:vertical {
                  height: 40px;
                  subcontrol-origin:margin;
              }

  QScrollBar::down-arrow:vertical { 
                 subcontrol-origin: margin; 
                 height: 40px;
                 border-image: url(:images/7.png);
              }

代码如下

setStyleSheet("QScrollBar::vertical {
                  background:rgb(63,70,87);
                  border:0px solid grey;
                   30px;
                  margin:40px 0px 40px 0px;
               }
               QScrollBar::handle:vertical {
               background: rgb(108,113,125);
               border: 1px solid grey;
               border-radius:3px;
               min-height: 20px;
               30px;
               }
               QScrollBar::add-line:vertical {
                  height: 40px;
                  subcontrol-origin:margin;
              }
              QScrollBar::sub-line:vertical {
                  height: 40px;
                  subcontrol-origin:margin;
              }
              QScrollBar::up-arrow:vertical {
                 subcontrol-origin: margin; 
                 height: 40px;
                 border:0 0 0 0;
                 border-image: url(:images/6.png);
              }
              QScrollBar::down-arrow:vertical { 
                 subcontrol-origin: margin; 
                 height: 40px;
                 border-image: url(:images/7.png);
              }
    ");