background-color: #FFFFFF;    /*背景顏色*/
color: #000000;               /*文字顏色*/
border: 1px solid red;        /*邊框樣式*/
border-radius: 20px;          /*邊框圓角*/
border-top-left-radius: 5px;  /*邊框左上角圓角*/
border-bottom-right-radius: 5px;  /*邊框右下角圓角*/
font-weight: 500;             /*字體粗細*/

/*主體*/
QComboBox{
    bakcground-color: #FFFFFF;
    border: 1px solid #ABABAB;
    border-radius: 4px;
    padding: 8px 8px 8px 12px;
}

/*下拉箭頭窗體*/
QComboBox::drop-down{
    width: 24px;
    border: none;
    border-radius: 4px;
    background-color: #FFFFFF;
}
/*下拉箭頭*/
QComboBox::down-arrow {
    image: url(":/xiala.png");
    width: 24px;
    height: 24px;
}

/*下拉列表 窗體*/
QComboBox QAbstractItemView{
    margin-top: 8px;
    background-color: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 8px;
    outline: 0px;        /*去除虛線框*/
}
/*下拉列表 項*/
QComboBox QAbstractItemView::item {
    height: 48px;
    border: none;
    padding-left: 8px;
}
/*下拉列表 選中項*/
QComboBox QAbstractItemView::item:selected {
    color: #FFFFFF;
    background-color: #0096D6;
    border: 1px solid #0096D6;
    border-radius: 4px;
}

// 設置設置一下，不然item會使用默認的QSS
ui->comboBox->setView(new  QListView());

// 去除下拉列表窗體陰影
QAbstractItemView* comboBoxView = ui->comboBox->view();
// comboBoxView->setGeometry(comboBoxView->x(), comboBoxView->y()+2, comboBoxView->width(), comboBoxView->height());
QWidget* containerObj = static_cast<QWidget*>(comboBoxView->parent());
containerObj->setWindowFlag(Qt::NoDropShadowWindowHint);

/*主體*/
QSlider
{
    height: 20px;
}
/*滑塊*/
QSlider::handle:horizontal
{
    width: 16px;
    height: 16px;
    border: 2px solid #0096D6;
    border-radius: 10px;
    background-color: #FFF;
}
/*滑槽*/
QSlider::groove:horizontal
{
    height: 20px;
    border: none;
    border-radius: 10px;
    background-color:  #DCDCDC;
}
/*已滑過部分*/
QSlider::sub-page:horizontal
{
    border: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #0096D6;
}
/*未滑過部分*/
QSlider::add-page:horizontal
{
}

QString qss = //"/*滑塊*/"
              "QSlider::handle:horizontal{width:20px;height:10px;margin:-8px 0;border:2px solid #0096D6;border-radius: 12px;background-color:#FFFFFF;}"
              // "/*滑槽*/"
              "QSlider::groove:horizontal{height:8px;margin:10px 0;border: none;border-radius: 4px;background-color:#ABABAB;}"
              // "/*已滑過部分*/"
              "QSlider::sub-page:horizontal{border:none;height:8px;margin:10px 0;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#0096D6;}";
              // "/*未滑過部分*/"
              // "QSlider::add-page:horizontal{}";
ui->slider->setStyleSheet(qss);

QScrollBar:vertical
{
    background:#FFFFFF;
    width:16px;
}
QScrollBar::handle:vertical
{
    background:red;
    width:8px;
    border-radius:4px;
    margin:0px 4px;
}
QScrollBar::add-line:vertical,QScrollBar::sub-line:vertical
{
    background:#FFFFFF;border:none;
}