QT样式美化 之 qss入门

于 2024-07-21 15:23:31 发布
阅读量87 收藏 1
点赞数
分类专栏： QT UI 文章标签： ui css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30220519/article/details/140588519
版权
UI 同时被 2 个专栏收录
29 篇文章 1 订阅
订阅专栏
QT
6 篇文章 0 订阅
订阅专栏
样例一


*{
  font-size:13px;
  color:white;
  font-family:"宋体";
}

CallWidget QLineEdit#telEdt
{
  font-size:24px;

}

QMainWindow,QDialog{
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1B2534, stop: 0.4 #010101,
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);
}
QWidget{
    background:#121922;
}

QLabel{
   background:transparent;
}

QFrame{
    border-color:#32435E;
    border-width:1px;
    border-radius: 3px;
}


DailForm QLineEdit#phoneLineEdt{
  font-size:36px;
  font-weight: bold;
}

QPushButton,QToolButton{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,
                                 stop: 1.0 #27405A);
    border-style: outset;
    border-width: 1px;
    border-radius: 5px;
    border-color: #11223F;
    padding: 1px;
}

QPushButton::hover,QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QPushButton::pressed,QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QPushButton::disabled,QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;

}



QDialog QPushButton,QDialog QToolButton{
  min-width:30px;
  min-height:23px;
}

QToolButton[objectName="minimizeToolBtn"] {
    background: transparent;
    border:none;
    image:url(qss/minimize.png)
}
QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {
    image:url(qss/minimize_hover.png)
}
QToolButton[objectName="maximizeToolBtn"] {
    background: transparent;
    border:none;
    image:url(qss/maximize.png)
}
QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {
    image:url(qss/maximize_hover.png)
}

QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {
    background: transparent;
    border:none;
    image:url(qss/close.png)
}
QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{
    image:url(qss/close_hover.png)
}
QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{
    image:url(qss/close_hover.png)
}
QToolButton[objectName="titleSetUpToolBtn"]{
    background: transparent;
    border:none;
    image:url(qss/setup.png)
}


DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,
         QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,
         QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,
         QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {
    font-size:36px;
    border-radius: 10px;

}
DailForm QToolButton#delToolBtn{
    border-radius: 10px;

}






QLineEdit,QTextEdit {
    border: 1px solid #32435E;
    border-radius: 3px;
    /* padding: 0 8px; */
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
    selection-background-color: #0A246A;

}
QLineEdit::hover{
  border-color:#5D8B9E;
}

QLineEdit[echoMode="3"] {
     lineedit-password-character: 9679;
}

#QLineEdit:read-only {
     background: #543F7C;
}


QTabWidget::pane { /* The tab widget frame */
     border: 0px solid #32435E;
     position: absolute;
     left: -0.1em;

 }

QTabWidget#MainTabWidget::tab-bar {
     left: -3px; /* move to the right by 5px */
 }

QTabWidget#MainTabWidget QTabBar::tab {
     height: 14ex;
     width: 14ex;

 }



 QTabBar::tab {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #292F31, stop: 1 #0C131E);
 }
QTabBar::tab:selected{
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #113845,  stop: 1.0 #15A8FF);
 }
QTabBar::tab:hover {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #113845,  stop: 1.0 #0E6F80);
 }

 #QTabBar::tab:selected {
     border-color: #32435E;
     border-right-color: #32435E; /* same as pane color */
 }

 #QTabBar::tab:!selected {
     margin-left: 2px; /* make non-selected tabs look smaller */
 }
#QTabBar:tab:first:selected {
    margin-top: 0;
}
QTabBar:tab:last:selected {
    margin-right: 0;
}
QTabBar:tab:only-one {
     margin: 0;
}

QListWidget{
    border: 1px solid #32435E;
    background:#050609;
}


QListWidget::item:selected {
     /*border: 0px solid #33CCFF;*/
     border:none;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);
     padding:0px;
     margin:0px;
}

#QListWidget::item:selected:!active {
     border-width: 0px ;
 }
#QListWidget::item:selected:active {
     border-width: 1px;
 }




QComboBox {
     border: 1px solid #32435E;
     border-radius: 3px;
     padding: 1px 18px 1px 3px;
     min-width: 6em;
 }
QComboBox::hover{
  border-color:#5D8B9E;
}


 QComboBox:editable {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
 }

 QComboBox:!editable, QComboBox::drop-down:editable {
      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
 }

 /* QComboBox gets the "on" state when the popup is open */
 QComboBox:!editable:on, QComboBox::drop-down:editable:on {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);;
 }

 QComboBox:on { /* shift the text when the popup opens */
     padding-top: 3px;
     padding-left: 4px;
 }
 QComboBox::drop-down {
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width: 15px;

     border-left-width: 1px;
     border-left-color: 32435E;
     border-left-style: solid; /* just a single line */
     border-top-right-radius: 3px; /* same radius as the QComboBox */
     border-bottom-right-radius: 3px;
 }

 QComboBox::down-arrow {
     image: url(qss/downarrow.png);
 }

 QComboBox::down-arrow:on { /* shift the arrow when popup is open */
     top: 1px;
     left: 1px;
 }

 QComboBox QAbstractItemView {
     border: 2px solid #32435E;
     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #506B79,
                                 stop: 1.0 #0D95A6);
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1B2534, stop: 0.4 #010101,
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);
 }





QCheckBox {
     spacing: 5px;
 }

 QCheckBox::indicator {
     width: 13px;
     height: 13px;
 }

 QCheckBox::indicator:unchecked {
     image: url(qss/checkbox_unchecked.png);
 }

 QCheckBox::indicator:unchecked:hover {
     image: url(qss/checkbox_unchecked_hover.png);
 }

 QCheckBox::indicator:unchecked:pressed {
     image: url(qss/checkbox_unchecked_pressed.png);
 }

 QCheckBox::indicator:checked {
     image: url(qss/checkbox_checked.png);
 }

 QCheckBox::indicator:checked:hover {
     image: url(qss/checkbox_checked_hover.png);
 }

 QCheckBox::indicator:checked:pressed {
     image: url(qss/checkbox_checked_pressed.png);
 }

 QCheckBox::indicator:indeterminate:hover {
     image: url(qss/checkbox_indeterminate_hover.png);
 }

 QCheckBox::indicator:indeterminate:pressed {
     image: url(qss/checkbox_indeterminate_pressed.png);
 }





  QMenu {
     background-color: #030406;
     border-width:0px;
     margin: 2px;
 }

 QMenu::item {
     background-color: #1D2838;
     padding: 2px 25px 2px 20px;
     border-color:transparent;
     color:#858E94;
 }
 QMenu::item:!enabled {
     background-color:  #1D2838;
     padding: 2px 25px 2px 20px;
     border-color:transparent;
     color:#76746C;
 }

 QMenu::item:selected {
     border-width:1px;
     border-color: #516589;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1E293A,
                                 stop: 1.0 #2C547E);
     color:#E6FFFF;
 }

 QMenu::icon:checked { /* appearance of a 'checked' icon */
     background: gray;
     border: 1px inset gray;
     position: absolute;
     top: 1px;
     right: 1px;
     bottom: 1px;
     left: 1px;
 }

 QMenu::separator {
     height: 1px;
     background: #1D99A9;
     /*margin-left: 10px;*/
     /*margin-right: 5px;*/
 }

 QMenu::indicator {
     width: 13px;
     height: 13px;
 }

 /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
 QMenu::indicator:non-exclusive:unchecked {
     image: url(qss/checkbox_unchecked.png);
 }

 QMenu::indicator:non-exclusive:unchecked:selected {
     image: url(qss/checkbox_unchecked_hover.png);
 }

 QMenu::indicator:non-exclusive:checked {
     image: url(qss/checkbox_checked.png);
 }

 QMenu::indicator:non-exclusive:checked:selected {
     image: url(qss/checkbox_checked_hover.png);
 }

 /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
 QMenu::indicator:exclusive:unchecked {
     image: url(qss/radiobutton_unchecked.png);
 }

 QMenu::indicator:exclusive:unchecked:selected {
     image: url(qss/radiobutton_unchecked_hover.png);
 }

 QMenu::indicator:exclusive:checked {
     image: url(qss/radiobutton_checked.png);
 }

 QMenu::indicator:exclusive:checked:selected {
     image: url(qss/radiobutton_checked_hover.png);
 }

  QMenuBar {
     background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #121722, stop:1 #121722);
 }

 QMenuBar::item {
     spacing: 3px; /* spacing between menu bar items */
     padding: 1px 4px;
     background: #10151E;
     border-radius: 4px;
     font:#BBDDFF;
 }

 QMenuBar::item:selected { /* when selected using mouse or keyboard */
     background: #1A2432;
     font:#FFFFFF;
 }

 QMenuBar::item:pressed {
     background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #10151E, stop:1 #2C547E);
     font:#FFFFFF;

 }
 QMenuBar::item:hover{
    border-width:1px;
    border-color:#516589;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #9979A, stop:1 #2D567F);
    font:#FFFFFF;

 }

QListView{
    border: 1px solid #32435E;
    background:#050609;
}



 QRadioButton::indicator {
     width: 13px;
     height: 13px;
 }

 QRadioButton::indicator::unchecked {
     image: url(qss/radiobutton_unchecked.png);
 }

 QRadioButton::indicator:unchecked:hover {
     image: url(qss/radiobutton_unchecked_hover.png);
 }

 QRadioButton::indicator:unchecked:pressed {
     image: url(qss/radiobutton_unchecked_pressed.png);
 }

 QRadioButton::indicator::checked {
     image: url(qss/radiobutton_checked.png);
 }

 QRadioButton::indicator:checked:hover {
     image: url(qss/radiobutton_checked_hover.png);
 }

 QRadioButton::indicator:checked:pressed {
     image: url(qss/radiobutton_checked_pressed.png);
 }


 QGroupBox {
     border: 1px solid #2E3D57;
     border-radius: 5px;
     margin-top: 1ex; /* leave space at the top for the title */
 }

 QGroupBox::title {
     subcontrol-origin: margin;
     subcontrol-position: top left;
     padding: 0 3px;
     background-color: transparent;
 }

  QGroupBox::indicator {
     width: 13px;
     height: 13px;
 }

 QGroupBox::indicator:unchecked {
     image: url(qss/checkbox_unchecked.png);
 }
QGroupBox::indicator:checked {
     image: url(qss/checkbox_checked.png);
}

QScrollBar:vertical {
      border: 1px solid #32435E;
      border-width: 0px 0px 0px 1px;
      background: #21252F;
      width: 12px;
      margin: 12px 0 12px 0;
  }
  QScrollBar::handle:vertical {
      background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #60788C, stop:1 #1084BD);
      min-height: 20px;
  }
  QScrollBar::add-line:vertical {
      border: 1px solid #32435E;
      border-width:0px 0px 0px 1px;
      background:#21252F;
      height: 12px;
      subcontrol-position: bottom;
      subcontrol-origin: margin;
  }

  QScrollBar::sub-line:vertical {
      border: 1px solid #32435E;
      border-width:0px 0px 0px 1px;
      background: #21252F;
      height: 12px;
      subcontrol-position: top;
      subcontrol-origin: margin;
  }
  QScrollBar::up-arrow:vertical {
      border: 1px solid transparent;
      background: #21252F;
      image: url(qss/up_arrow.png);
      width: 7px;
      height: 7px;
  }
  QScrollBar::up-arrow:vertical:hover,QScrollBar::up-arrow:vertical:pressed {
      image: url(qss/up_arrow_hover.png);
  }

  QScrollBar::down-arrow:vertical{
      border: 1px solid transparent;
      background: #21252F;
      image:url(qss/down_arrow.png);
      width: 7px;
      height: 7px;
  }
QScrollBar::down-arrow:vertical:hover,QScrollBar::down-arrow:vertical:pressed{
    image: url(qss/down_arrow_hover.png);
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
      background: none;
}


 QScrollBar:horizontal {
      border: 1px solid #32435E;
      border-width: 1px 0px 0px 0px;
      background: #21252F;
      height: 12px;
      margin: 0 12px 0 12px;
  }
  QScrollBar::handle:horizontal {
      background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #60788C, stop:1 #1084BD);
      min-width: 20px;
  }
  QScrollBar::add-line:horizontal {
      border: 1px solid #32435E;
      border-width:1px 0px 0px 0px;
      background:#21252F;
      width: 12px;
      subcontrol-position: right;
      subcontrol-origin: margin;
  }

  QScrollBar::sub-line:horizontal {
      border: 1px solid #32435E;
      border-width:1px 0px 0px 0px;
      background: #21252F;
      width: 12px;
      subcontrol-position: left;
      subcontrol-origin: margin;
  }
  QScrollBar::left-arrow:horizontal {
      border: 1px solid transparent;
      background: #21252F;
      image: url(qss/left_arrow.png);
      width: 7px;
      height: 7px;
  }
  QScrollBar::left-arrow:horizontal:hover,QScrollBar::left-arrow:horizontal:pressed {
      image: url(qss/left_arrow_hover.png);
  }

  QScrollBar::right-arrow:horizontal{
      border: 1px solid transparent;
      background: #21252F;
      image:url(qss/right_arrow.png);
      width: 7px;
      height: 7px;
  }
QScrollBar::right-arrow:horizontal:hover,QScrollBar::right-arrow:horizontal:pressed{
    image: url(qss/right_arrow_hover.png);
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
      background: none;
}








QSpinBox,QDateTimeEdit {
     border: 1px solid #32435E;
     border-radius: 3px;
     padding-right: 5px; /* make room for the arrows */
     /* border-image: url(qss/frame.png) 4; */
     background:qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #080B10, stop:1 #212C3F);
 }
 QSpinBox::hover,QDateTimeEdit::hover{
    border-color:#5D8B9E;
 }

 QSpinBox::up-button, QDateTimeEdit::up-button {
     subcontrol-origin: border;
     subcontrol-position: top right; /* position at the top right corner */

     width: 16px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
     border-image: url(qss/spinup.png) 1;
     border-width: 1px;


 }

 QSpinBox::up-button:hover,QDateTimeEdit::up-button:hover {
     border-image: url(qss/spinup_hover.png) 1;
 }

 QSpinBox::up-button:pressed,QDateTimeEdit::up-button:pressed {
     border-image: url(qss/spinup_pressed.png) 1;
 }

 QSpinBox::up-arrow,QDateTimeEdit::up-arrow {
     image: url(qss/up_arrow.png);
     width: 7px;
     height: 7px;
 }

 QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off,QDateTimeEdit::up-arrow:disabled,QDateTimeEdit::up-arrow:off { /* off state when value is max */
    image: url(qss/up_arrow_disabled.png);
 }

 QSpinBox::down-button,QDateTimeEdit::down-button {
     subcontrol-origin: border;
     subcontrol-position: bottom right; /* position at bottom right corner */

     width: 16px;
     border-image: url(qss/spindown.png) 1;
     border-width: 1px;
     border-top-width: 0;
 }

 QSpinBox::down-button:hover,QDateTimeEdit::down-button:hover {
     border-image: url(qss/spindown_hover.png) 1;
 }

 QSpinBox::down-button:pressed,QDateTimeEdit::down-button:pressed {
     border-image: url(qss/spindown_pressed.png) 1;
 }

 QSpinBox::down-arrow,QDateTimeEdit::down-arrow {
     image: url(qss/down_arrow.png);
     width: 7px;
     height: 7px;
 }

 QSpinBox::down-arrow:disabled,QDateTimeEdit::down-arrow:disabled,
 QSpinBox::down-arrow:off,QDateTimeEdit::down-arrow:off { /* off state when value in min */
    image: url(qss/down_arrow_disabled.png);
 }




  QToolTip {
     border: 1.5px solid #179BAB;
     padding: 3px;
     border-radius: 8px;
     opacity: 200; /*透明度*/
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #0C1016,
                                 stop: 1.0 #233043);
 }

 QStatusBar {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #07090E,
                                 stop: 1.0 #202C3D);
 }

 QStatusBar::item {
     border: 1px solid #3E58A5;
     border-radius: 3px;
 }

#QStatusBar QLabel {
     border: 1px solid #6AF0FF;
     /*background: white; */
}


QSizeGrip { /*在MainWindow右下角*/
     image: url(qss/sizegrip.png);
     width: 16px;
     height: 16px;
 }



 QHeaderView::section {
     background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #353B43, stop:1 #151A20);
     color: white;
     padding-left: 4px;
     border: 1px solid #447684;
 }

 /* style the sort indicator */
 QHeaderView::down-arrow {
     image: url(qss/down_arrow.png);
 }

 QHeaderView::up-arrow {
     image: url(qss/up_arrow.png);
 }
 QTableView {
     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,
                                 stop: 0 #516A78, stop: 1 #10A9BA);

     gridline-color:#447684;
 }



QTreeWidget{
    background:#18202E;
    border-style: outset;
    border-width: 0px;
    border-color: #11223F;
    padding: 1px;
}

QTreeWidget::branch:has-siblings:!adjoins-item {
     border-image: url(qss/vline.png) 0;
 }

 QTreeWidget::branch:has-siblings:adjoins-item {
     border-image: url(qss/branch-more.png) 0;
 }

 QTreeWidget::branch:!has-children:!has-siblings:adjoins-item {
     border-image: url(qss/branch-end.png) 0;
 }

 QTreeWidget::branch:has-children:!has-siblings:closed,
 QTreeWidget::branch:closed:has-children:has-siblings {
         border-image: none;
         image: url(qss/branch-closed.png);
 }

 QTreeWidget::branch:open:has-children:!has-siblings,
 QTreeWidget::branch:open:has-children:has-siblings  {
         border-image: none;
         image: url(qss/branch-open.png);
 }


 QTreeWidget::item {
      border: 1px solid #d9d9d9;
      border-color: transparent;
 }
  QTreeWidget::item:hover {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #598892, stop: 1 #189BAB);
     border: 1px solid #bfcde4;
 }

QTreeWidget::item:selected {
     /*border: 0px solid #33CCFF;*/
     border:none;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);
     padding:0px;
     margin:0px;
}

QFrame#customTitleBar{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #454F53,  stop: 1.0 #135263);
}


QWidget#TranslucentWidget *
{
    background-color: rgba( 255, 255, 255, 100 );
}

QWidget#TranslucentWidget QFrame#frame
{
    border-radius: 5px;
}

QWidget#TranslucentWidget QPushButton {

    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,
                                 stop: 1.0 #27405A);
    background-color: rgba( 255, 255, 255, 100 );
}

QWidget#TranslucentWidget QPushButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QWidget#TranslucentWidget QPushButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}



QWidget#GroupChatingWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}

QWidget#GroupChatingWidget QLabel
{
    background: transparent;
}

QWidget#GroupChatingWidget QFrame#mainFrame
{
    border-radius: 5px;
}



QWidget#GroupChatingWidget QPushButton::hover,QWidget#GroupChatingWidget QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QWidget#GroupChatingWidget QPushButton::pressed,QWidget#GroupChatingWidget QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QWidget#GroupChatingWidget QPushButton::disabled,QWidget#GroupChatingWidget QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;

}


QWidget#UserListWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}

QWidget#GroupChatinSingleWidget *
{
    background-color: rgba( 93, 93, 93, 60 );
    color:#000080;
}
QWidget#GroupChatinSingleWidget QLabel
{
    background: transparent;
}
QWidget#GroupChatingWidget QPushButton::hover,QWidget#GroupChatingWidget QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QWidget#GroupChatingWidget QPushButton::pressed,QWidget#GroupChatingWidget QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QWidget#GroupChatingWidget QPushButton::disabled,QWidget#GroupChatingWidget QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;

}

QWidget#InfoAreaWidget *
{
    background-color: rgba( 93, 93, 93, 100 );
    color:#000080;
    font: 75 12pt "宋体";
}

QWidget#InfoAreaWidget QLabel
{
    background: transparent;
}

QWidget#GpsLeftBottomWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}


QWidget#GpsSysMenuWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}

QWidget#GpsRigthBottomWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}



QWidget#GpsRightTopWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}

QWidget#VideoImageWidget QFrame#topFrame,QWidget#VideoImageWidget QFrame#bottomFrame{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #454F53,  stop: 1.0 #135263);
}


QWidget#NavItemMenuWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#000080;
}
QWidget#NavItemMenuWidget QLabel
{
    background: transparent;
}
样例二


*{
  font-size:13px;
  color:white;
  font-family:"宋体";
}

CallWidget QLineEdit#telEdt
{
  font-size:24px;

}

QMainWindow,QDialog{
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1B2534, stop: 0.4 #010101,
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);
}
QWidget{
    background:#121922;
}

QLabel{
   background:transparent;
}

QFrame{
    border-color:#32435E;
    border-width:1px;
    border-radius: 3px;
}


DailForm QLineEdit#phoneLineEdt{
  font-size:36px;
  font-weight: bold;
}

QPushButton,QToolButton{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,
                                 stop: 1.0 #27405A);
    border-style: outset;
    border-width: 1px;
    border-radius: 5px;
    border-color: #11223F;
    padding: 1px;
}

QPushButton::hover,QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QPushButton::pressed,QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QPushButton::disabled,QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;

}



QDialog QPushButton,QDialog QToolButton{
  min-width:30px;
  min-height:23px;
}

QToolButton[objectName="minimizeToolBtn"] {
    background: transparent;
    border:none;
    image:url(qss/minimize.png)
}
QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {
    image:url(qss/minimize_hover.png)
}
QToolButton[objectName="maximizeToolBtn"] {
    background: transparent;
    border:none;
    image:url(qss/maximize.png)
}
QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {
    image:url(qss/maximize_hover.png)
}

QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {
    background: transparent;
    border:none;
    image:url(qss/close.png)
}
QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{
    image:url(qss/close_hover.png)
}
QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{
    image:url(qss/close_hover.png)
}
QToolButton[objectName="titleSetUpToolBtn"]{
    background: transparent;
    border:none;
    image:url(qss/setup.png)
}


DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,
         QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,
         QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,
         QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {
    font-size:36px;
    border-radius: 10px;

}
DailForm QToolButton#delToolBtn{
    border-radius: 10px;

}






QLineEdit,QTextEdit {
    border: 1px solid #32435E;
    border-radius: 3px;
    /* padding: 0 8px; */
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
    selection-background-color: #0A246A;

}
QLineEdit::hover{
  border-color:#5D8B9E;
}

QLineEdit[echoMode="3"] {
     lineedit-password-character: 9679;
}

#QLineEdit:read-only {
     background: #543F7C;
}


QTabWidget::pane { /* The tab widget frame */
     border: 0px solid #32435E;
     position: absolute;
     left: -0.1em;

 }

QTabWidget#MainTabWidget::tab-bar {
     left: -3px; /* move to the right by 5px */
 }

QTabWidget#MainTabWidget QTabBar::tab {
     height: 14ex;
     width: 14ex;

 }



 QTabBar::tab {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #292F31, stop: 1 #0C131E);
 }
QTabBar::tab:selected{
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #113845,  stop: 1.0 #15A8FF);
 }
QTabBar::tab:hover {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #113845,  stop: 1.0 #0E6F80);
 }

 #QTabBar::tab:selected {
     border-color: #32435E;
     border-right-color: #32435E; /* same as pane color */
 }

 #QTabBar::tab:!selected {
     margin-left: 2px; /* make non-selected tabs look smaller */
 }
#QTabBar:tab:first:selected {
    margin-top: 0;
}
QTabBar:tab:last:selected {
    margin-right: 0;
}
QTabBar:tab:only-one {
     margin: 0;
}

QListWidget{
    border: 1px solid #32435E;
    background:#050609;
}


QListWidget::item:selected {
     /*border: 0px solid #33CCFF;*/
     border:none;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);
     padding:0px;
     margin:0px;
}

#QListWidget::item:selected:!active {
     border-width: 0px ;
 }
#QListWidget::item:selected:active {
     border-width: 1px;
 }




QComboBox {
     border: 1px solid #32435E;
     border-radius: 3px;
     padding: 1px 18px 1px 3px;
     min-width: 6em;
 }
QComboBox::hover{
  border-color:#5D8B9E;
}


 QComboBox:editable {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
 }

 QComboBox:!editable, QComboBox::drop-down:editable {
      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);
 }

 /* QComboBox gets the "on" state when the popup is open */
 QComboBox:!editable:on, QComboBox::drop-down:editable:on {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #080B10,
                                 stop: 1.0 #212C3F);;
 }

 QComboBox:on { /* shift the text when the popup opens */
     padding-top: 3px;
     padding-left: 4px;
 }
 QComboBox::drop-down {
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width: 15px;

     border-left-width: 1px;
     border-left-color: 32435E;
     border-left-style: solid; /* just a single line */
     border-top-right-radius: 3px; /* same radius as the QComboBox */
     border-bottom-right-radius: 3px;
 }

 QComboBox::down-arrow {
     image: url(qss/downarrow.png);
 }

 QComboBox::down-arrow:on { /* shift the arrow when popup is open */
     top: 1px;
     left: 1px;
 }

 QComboBox QAbstractItemView {
     border: 2px solid #32435E;
     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #506B79,
                                 stop: 1.0 #0D95A6);
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1B2534, stop: 0.4 #010101,
                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);
 }





QCheckBox {
     spacing: 5px;
 }

 QCheckBox::indicator {
     width: 13px;
     height: 13px;
 }

 QCheckBox::indicator:unchecked {
     image: url(qss/checkbox_unchecked.png);
 }

 QCheckBox::indicator:unchecked:hover {
     image: url(qss/checkbox_unchecked_hover.png);
 }

 QCheckBox::indicator:unchecked:pressed {
     image: url(qss/checkbox_unchecked_pressed.png);
 }

 QCheckBox::indicator:checked {
     image: url(qss/checkbox_checked.png);
 }

 QCheckBox::indicator:checked:hover {
     image: url(qss/checkbox_checked_hover.png);
 }

 QCheckBox::indicator:checked:pressed {
     image: url(qss/checkbox_checked_pressed.png);
 }

 QCheckBox::indicator:indeterminate:hover {
     image: url(qss/checkbox_indeterminate_hover.png);
 }

 QCheckBox::indicator:indeterminate:pressed {
     image: url(qss/checkbox_indeterminate_pressed.png);
 }





  QMenu {
     background-color: #030406;
     border-width:0px;
     margin: 2px;
 }

 QMenu::item {
     background-color: #1D2838;
     padding: 2px 25px 2px 20px;
     border-color:transparent;
     color:#858E94;
 }
 QMenu::item:!enabled {
     background-color:  #1D2838;
     padding: 2px 25px 2px 20px;
     border-color:transparent;
     color:#76746C;
 }

 QMenu::item:selected {
     border-width:1px;
     border-color: #516589;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #1E293A,
                                 stop: 1.0 #2C547E);
     color:#E6FFFF;
 }

 QMenu::icon:checked { /* appearance of a 'checked' icon */
     background: gray;
     border: 1px inset gray;
     position: absolute;
     top: 1px;
     right: 1px;
     bottom: 1px;
     left: 1px;
 }

 QMenu::separator {
     height: 1px;
     background: #1D99A9;
     /*margin-left: 10px;*/
     /*margin-right: 5px;*/
 }

 QMenu::indicator {
     width: 13px;
     height: 13px;
 }

 /* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */
 QMenu::indicator:non-exclusive:unchecked {
     image: url(qss/checkbox_unchecked.png);
 }

 QMenu::indicator:non-exclusive:unchecked:selected {
     image: url(qss/checkbox_unchecked_hover.png);
 }

 QMenu::indicator:non-exclusive:checked {
     image: url(qss/checkbox_checked.png);
 }

 QMenu::indicator:non-exclusive:checked:selected {
     image: url(qss/checkbox_checked_hover.png);
 }

 /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
 QMenu::indicator:exclusive:unchecked {
     image: url(qss/radiobutton_unchecked.png);
 }

 QMenu::indicator:exclusive:unchecked:selected {
     image: url(qss/radiobutton_unchecked_hover.png);
 }

 QMenu::indicator:exclusive:checked {
     image: url(qss/radiobutton_checked.png);
 }

 QMenu::indicator:exclusive:checked:selected {
     image: url(qss/radiobutton_checked_hover.png);
 }

  QMenuBar {
     background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #121722, stop:1 #121722);
 }

 QMenuBar::item {
     spacing: 3px; /* spacing between menu bar items */
     padding: 1px 4px;
     background: #10151E;
     border-radius: 4px;
     font:#BBDDFF;
 }

 QMenuBar::item:selected { /* when selected using mouse or keyboard */
     background: #1A2432;
     font:#FFFFFF;
 }

 QMenuBar::item:pressed {
     background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #10151E, stop:1 #2C547E);
     font:#FFFFFF;

 }
 QMenuBar::item:hover{
    border-width:1px;
    border-color:#516589;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #9979A, stop:1 #2D567F);
    font:#FFFFFF;

 }

QListView{
    border: 1px solid #32435E;
    background:#050609;
}



 QRadioButton::indicator {
     width: 13px;
     height: 13px;
 }

 QRadioButton::indicator::unchecked {
     image: url(qss/radiobutton_unchecked.png);
 }

 QRadioButton::indicator:unchecked:hover {
     image: url(qss/radiobutton_unchecked_hover.png);
 }

 QRadioButton::indicator:unchecked:pressed {
     image: url(qss/radiobutton_unchecked_pressed.png);
 }

 QRadioButton::indicator::checked {
     image: url(qss/radiobutton_checked.png);
 }

 QRadioButton::indicator:checked:hover {
     image: url(qss/radiobutton_checked_hover.png);
 }

 QRadioButton::indicator:checked:pressed {
     image: url(qss/radiobutton_checked_pressed.png);
 }


 QGroupBox {
     border: 1px solid #2E3D57;
     border-radius: 5px;
     margin-top: 1ex; /* leave space at the top for the title */
 }

 QGroupBox::title {
     subcontrol-origin: margin;
     subcontrol-position: top left;
     padding: 0 3px;
     background-color: transparent;
 }

  QGroupBox::indicator {
     width: 13px;
     height: 13px;
 }

 QGroupBox::indicator:unchecked {
     image: url(qss/checkbox_unchecked.png);
 }
QGroupBox::indicator:checked {
     image: url(qss/checkbox_checked.png);
}

QScrollBar:vertical {
      border: 1px solid #32435E;
      border-width: 0px 0px 0px 1px;
      background: #21252F;
      width: 12px;
      margin: 12px 0 12px 0;
  }
  QScrollBar::handle:vertical {
      background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #60788C, stop:1 #1084BD);
      min-height: 20px;
  }
  QScrollBar::add-line:vertical {
      border: 1px solid #32435E;
      border-width:0px 0px 0px 1px;
      background:#21252F;
      height: 12px;
      subcontrol-position: bottom;
      subcontrol-origin: margin;
  }

  QScrollBar::sub-line:vertical {
      border: 1px solid #32435E;
      border-width:0px 0px 0px 1px;
      background: #21252F;
      height: 12px;
      subcontrol-position: top;
      subcontrol-origin: margin;
  }
  QScrollBar::up-arrow:vertical {
      border: 1px solid transparent;
      background: #21252F;
      image: url(qss/up_arrow.png);
      width: 7px;
      height: 7px;
  }
  QScrollBar::up-arrow:vertical:hover,QScrollBar::up-arrow:vertical:pressed {
      image: url(qss/up_arrow_hover.png);
  }

  QScrollBar::down-arrow:vertical{
      border: 1px solid transparent;
      background: #21252F;
      image:url(qss/down_arrow.png);
      width: 7px;
      height: 7px;
  }
QScrollBar::down-arrow:vertical:hover,QScrollBar::down-arrow:vertical:pressed{
    image: url(qss/down_arrow_hover.png);
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
      background: none;
}


 QScrollBar:horizontal {
      border: 1px solid #32435E;
      border-width: 1px 0px 0px 0px;
      background: #21252F;
      height: 12px;
      margin: 0 12px 0 12px;
  }
  QScrollBar::handle:horizontal {
      background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #60788C, stop:1 #1084BD);
      min-width: 20px;
  }
  QScrollBar::add-line:horizontal {
      border: 1px solid #32435E;
      border-width:1px 0px 0px 0px;
      background:#21252F;
      width: 12px;
      subcontrol-position: right;
      subcontrol-origin: margin;
  }

  QScrollBar::sub-line:horizontal {
      border: 1px solid #32435E;
      border-width:1px 0px 0px 0px;
      background: #21252F;
      width: 12px;
      subcontrol-position: left;
      subcontrol-origin: margin;
  }
  QScrollBar::left-arrow:horizontal {
      border: 1px solid transparent;
      background: #21252F;
      image: url(qss/left_arrow.png);
      width: 7px;
      height: 7px;
  }
  QScrollBar::left-arrow:horizontal:hover,QScrollBar::left-arrow:horizontal:pressed {
      image: url(qss/left_arrow_hover.png);
  }

  QScrollBar::right-arrow:horizontal{
      border: 1px solid transparent;
      background: #21252F;
      image:url(qss/right_arrow.png);
      width: 7px;
      height: 7px;
  }
QScrollBar::right-arrow:horizontal:hover,QScrollBar::right-arrow:horizontal:pressed{
    image: url(qss/right_arrow_hover.png);
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
      background: none;
}








QSpinBox,QDateTimeEdit {
     border: 1px solid #32435E;
     border-radius: 3px;
     padding-right: 5px; /* make room for the arrows */
     /* border-image: url(qss/frame.png) 4; */
     background:qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #080B10, stop:1 #212C3F);
 }
 QSpinBox::hover,QDateTimeEdit::hover{
    border-color:#5D8B9E;
 }

 QSpinBox::up-button, QDateTimeEdit::up-button {
     subcontrol-origin: border;
     subcontrol-position: top right; /* position at the top right corner */

     width: 16px; /* 16 + 2*1px border-width = 15px padding + 3px parent border */
     border-image: url(qss/spinup.png) 1;
     border-width: 1px;


 }

 QSpinBox::up-button:hover,QDateTimeEdit::up-button:hover {
     border-image: url(qss/spinup_hover.png) 1;
 }

 QSpinBox::up-button:pressed,QDateTimeEdit::up-button:pressed {
     border-image: url(qss/spinup_pressed.png) 1;
 }

 QSpinBox::up-arrow,QDateTimeEdit::up-arrow {
     image: url(qss/up_arrow.png);
     width: 7px;
     height: 7px;
 }

 QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off,QDateTimeEdit::up-arrow:disabled,QDateTimeEdit::up-arrow:off { /* off state when value is max */
    image: url(qss/up_arrow_disabled.png);
 }

 QSpinBox::down-button,QDateTimeEdit::down-button {
     subcontrol-origin: border;
     subcontrol-position: bottom right; /* position at bottom right corner */

     width: 16px;
     border-image: url(qss/spindown.png) 1;
     border-width: 1px;
     border-top-width: 0;
 }

 QSpinBox::down-button:hover,QDateTimeEdit::down-button:hover {
     border-image: url(qss/spindown_hover.png) 1;
 }

 QSpinBox::down-button:pressed,QDateTimeEdit::down-button:pressed {
     border-image: url(qss/spindown_pressed.png) 1;
 }

 QSpinBox::down-arrow,QDateTimeEdit::down-arrow {
     image: url(qss/down_arrow.png);
     width: 7px;
     height: 7px;
 }

 QSpinBox::down-arrow:disabled,QDateTimeEdit::down-arrow:disabled,
 QSpinBox::down-arrow:off,QDateTimeEdit::down-arrow:off { /* off state when value in min */
    image: url(qss/down_arrow_disabled.png);
 }




  QToolTip {
     border: 1.5px solid #179BAB;
     padding: 3px;
     border-radius: 8px;
     opacity: 200; /*透明度*/
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #0C1016,
                                 stop: 1.0 #233043);
 }

 QStatusBar {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #07090E,
                                 stop: 1.0 #202C3D);
 }

 QStatusBar::item {
     border: 1px solid #3E58A5;
     border-radius: 3px;
 }

#QStatusBar QLabel {
     border: 1px solid #6AF0FF;
     /*background: white; */
}


QSizeGrip { /*在MainWindow右下角*/
     image: url(qss/sizegrip.png);
     width: 16px;
     height: 16px;
 }



 QHeaderView::section {
     background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #353B43, stop:1 #151A20);
     color: white;
     padding-left: 4px;
     border: 1px solid #447684;
 }

 /* style the sort indicator */
 QHeaderView::down-arrow {
     image: url(qss/down_arrow.png);
 }

 QHeaderView::up-arrow {
     image: url(qss/up_arrow.png);
 }
 QTableView {
     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,
                                 stop: 0 #516A78, stop: 1 #10A9BA);

     gridline-color:#447684;
 }



QTreeWidget{
    background:#18202E;
    border-style: outset;
    border-width: 0px;
    border-color: #11223F;
    padding: 1px;
}

QTreeWidget::branch:has-siblings:!adjoins-item {
     border-image: url(qss/vline.png) 0;
 }

 QTreeWidget::branch:has-siblings:adjoins-item {
     border-image: url(qss/branch-more.png) 0;
 }

 QTreeWidget::branch:!has-children:!has-siblings:adjoins-item {
     border-image: url(qss/branch-end.png) 0;
 }

 QTreeWidget::branch:has-children:!has-siblings:closed,
 QTreeWidget::branch:closed:has-children:has-siblings {
         border-image: none;
         image: url(qss/branch-closed.png);
 }

 QTreeWidget::branch:open:has-children:!has-siblings,
 QTreeWidget::branch:open:has-children:has-siblings  {
         border-image: none;
         image: url(qss/branch-open.png);
 }


 QTreeWidget::item {
      border: 1px solid #d9d9d9;
      border-color: transparent;
 }
  QTreeWidget::item:hover {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #598892, stop: 1 #189BAB);
     border: 1px solid #bfcde4;
 }

QTreeWidget::item:selected {
     /*border: 0px solid #33CCFF;*/
     border:none;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);
     padding:0px;
     margin:0px;
}

QFrame#customTitleBar{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #454F53,  stop: 1.0 #135263);
}


QWidget#TranslucentWidget *
{
    background-color: rgba( 255, 255, 255, 100 );
}

QWidget#TranslucentWidget QFrame#frame
{
    border-radius: 5px;
}

QWidget#TranslucentWidget QPushButton {

    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,
                                 stop: 1.0 #27405A);
    background-color: rgba( 255, 255, 255, 100 );
}

QWidget#TranslucentWidget QPushButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QWidget#TranslucentWidget QPushButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}



QWidget#GroupChatingWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}

QWidget#GroupChatingWidget QLabel
{
    background: transparent;
}

QWidget#GroupChatingWidget QFrame#mainFrame
{
    border-radius: 5px;
}



QWidget#GroupChatingWidget QPushButton::hover,QWidget#GroupChatingWidget QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QWidget#GroupChatingWidget QPushButton::pressed,QWidget#GroupChatingWidget QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QWidget#GroupChatingWidget QPushButton::disabled,QWidget#GroupChatingWidget QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;

}


QWidget#UserListWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}

QWidget#GroupChatinSingleWidget *
{
    background-color: rgba( 93, 93, 93, 60 );
    color:#FFFFFF;
}
QWidget#GroupChatinSingleWidget QLabel
{
    background: transparent;
}
QWidget#GroupChatingWidget QPushButton::hover,QWidget#GroupChatingWidget QToolButton::hover{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #758385, stop: 0.5 #122C39,
                                 stop: 1.0 #0E7788);
    border-color: #11505C;
}

QWidget#GroupChatingWidget QPushButton::pressed,QWidget#GroupChatingWidget QToolButton::pressed{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #969B9C, stop: 0.5 #16354B,
                                 stop: 1.0 #244F76);
    border-color: #11505C;
}
QWidget#GroupChatingWidget QPushButton::disabled,QWidget#GroupChatingWidget QToolButton::disabled{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #282B2C, stop: 0.5 #09121A,
                                 stop: 1.0 #111D29);
    border-color: #0A1320;
    color:#6A6864;

}

QWidget#InfoAreaWidget *
{
    background-color: rgba( 93, 93, 93, 100 );
    color:#FFFFFF;
    font: 75 12pt "宋体";
}

QWidget#InfoAreaWidget QLabel
{
    background: transparent;
}

QWidget#GpsLeftBottomWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}


QWidget#GpsSysMenuWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}

QWidget#GpsRigthBottomWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}



QWidget#GpsRightTopWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}

QWidget#VideoImageWidget QFrame#topFrame,QWidget#VideoImageWidget QFrame#bottomFrame{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #454F53,  stop: 1.0 #135263);
}


QWidget#NavItemMenuWidget *
{
    background-color: rgba( 93, 93, 93, 30 );
    color:#FFFFFF;
}
QWidget#NavItemMenuWidget QLabel
{
    background: transparent;
}
 字体样式
* {
	font-family: 宋体;
	font-size: 12px;

}


QPushButton {
    background-color: yellowgreen;
    border-width: 2px;
    border-color: seagreen;
    border-style: solid;
    border-radius: 5;
    padding: 3px;
    min-width: 9ex;
    min-height: 2.5ex;
}

QPushButton:hover {
   background-color: springgreen;
}

QPushButton:pressed {
    padding-left: 5px;
    padding-top: 5px;
    background-color: palegreen;
}



QLabel {
	font:bold;
	font-family: 宋体;
	font-size: 12px;

}

DailForm>QToolButton#OneToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#twoToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#threeToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#fourToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#fiveToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#sixToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#sevenToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#eightToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#nineToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#zeroToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#starToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#sharpToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 40px;
}
DailForm>QToolButton#delToolBtn {
  font: bold;
  font-family: 宋体;
  font-size: 30px;
}

QComboBox, QSpinBox {
    background-color: plum;					/*  暗紫色 */
    selection-color: mediumvioletred;
    selection-background-color: lightcoral;
}

QRadioButton:checked {
	color:deepskyblue;
}

QRadioButton:hover {
	color:white;
    background-color: limegreen;
}

QGroupBox {
	border-style:dashed;
}


QTabBar::tab {
  height: 14ex;
  width: 14ex;
}
 表格样式

QTableWidget#CloudBackupUploadBottomTabWidget{
	background: #FFFFFF;	
}
QHeaderView#CloudBackupUploadBottomTabWidget                   
{
    background:transparent;   
	border: 1px solid #619AFF;	
}
QHeaderView#CloudBackupUploadBottomTabWidget::section           
{
    font-size: 14px;                
    font-family: "PingFangSC-Regular"; 
    color: #667289;
 
    background: transparent;           
    border: none;                  
    min-height: 40px;              
    max-height: 40px;              
    margin-left: 0px;               
    padding-left: 0px;   
	border-bottom: 1px solid rgb(255,0,0);       
}
QSplitter#CloudBackupUploadBottomTabWidget{
    background: transparent;  	
}

CloudBackupUploadBottomTabWidget::section::first
//难点在去除tab头的分割线
演示效果 

 参考

 GitHub - 15th/qmlStyle: qt qml样式

 https://www.cnblogs.com/findumars/category/624955.html

Qss样式集合(持续更新)_qss通用样式下载-CSDN博客 

GitHub - ColinDuquesnoy/QDarkStyleSheet: A dark style sheet for QtWidgets application

 Qt QTableWidget 样式表_qtablewidget样式-CSDN博客

Qt之QTreeView的样式 · 语雀 

创作不易，小小的支持一下吧！

码力码力我爱你
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Qt Qss三套样式文件 qss.zip
10-19
Qt QSS，全称为Qt Style Sheets，是Qt框架提供的一种样式表语言，类似于网页开发中的CSS，用于控制Qt应用程序的用户界面外观。QSS允许开发者通过文本文件定义UI元素的颜色、字体、边框、背景、布局等样式，使得UI...
Qt样式表-QSS
10-10
Qt样式的使用 qss
Qt入门学习之美化与样式设置
cainiaoxiakexing的博客
11-22 2829
Qt应用程序运行界面美化与样式设置
Qt QSS之QSlider滑动条美化
hw5230的博客
05-30 1919
首先什么是qss呢？QSS称为Qt Style Sheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制。QSS大量copy了CSS的功能，只不过QSS的可以看作是CSS简化版，要弱很多，选择器要少，可以使用的QSS属性也要少很多，并不是所有的属性都可以用在Qt的所有控件上。下面我们来使用qss对滑动条slider进行美化。先上图。这里蓝色背景并非用qss美化，主要研究滑动条的美化过程。
Qt界面美化之自定义qss样式表
m0_60259116的博客
05-11 668
Qt界面美化之自定义qss样式表
QT漂亮QSS样式模仿流行VUE Element UI Tabs ，QSS漂亮大方美观样式 QSS样式 QTabWidget漂亮样式QSS 快速开发QSS漂亮界面
最新发布
weijia3624的专栏
06-12 371
随着Web前端技术的飞速发展，Vue Element UI以其优雅的设计风格、丰富的组件库以及高度的定制性，迅速成为开发者构建现代化用户界面的首选之一。尽管Vue Element UI主要服务于Web应用，其设计理念和视觉风格对桌面应用程序的界面设计同样具有启发意义，尤其是在使用Qt框架开发的项目中，通过Qt的样式表（QSS）技术，我们能够借鉴Element UI的美学特点，提升Qt应用的用户界面美观度和用户体验。 QT漂亮QSS样式模仿流行VUE Element UI Tabs ，QSS漂亮大方美观样式
【QT入门】Qt自定义控件与样式设计之qss介绍(Qt style sheet)
LF__plus的博客
04-07 1262
【QT入门】 Qt自定义控件与qss之qss介绍（Qt style sheet）
Qt的Qss美化
m0_73443478的博客
04-03 448
Qt的Qss美化
Qt QSS基础知识学习
qq_42829818的博客
11-25 884
Qt QSS基础知识学习
QSS.rar_QSS样式表_QT QSS_QT 样式_Qt样式表_qss
09-24
Qt QSS（Qt Style Sheets）是Qt框架提供的一种强大的样式定义机制，类似于Web开发中的CSS（Cascading Style Sheets）。QSS允许开发者通过文本文件来定制Qt应用程序的外观和感觉，使得用户界面的设计更加灵活和个性化...
Qt QSS界面美化文件.rar_Pagefold qt_QT界面美化_qt qss下载_qt 美化_qt美化界面
07-14
Qt的QSS文件，可以用于配置美化界面，直接加载就可以
qss.rar_Qt qss_qt qss下载_qt qss 下载_qt setstysheet
07-15
在Qt框架中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制应用程序的外观和感觉，类似于网页设计中的CSS。它允许开发者通过简单的文本文件来改变控件的样式，包括颜色、字体、边框、背景等，使得Qt应用...
QSS样式表入门练习Demo.pdf
07-08
通过这个详尽的QSS样式表入门Demo，你可以逐步了解和掌握不同Qt控件的QSS应用，从而为你的Qt应用程序创建出独特且吸引人的用户界面。记得在实际项目中根据需求进行调整和优化，以达到最佳的视觉效果。同时，也可以...
Qt-样式表qss练习
03-22
在Qt框架中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制应用程序的界面外观，类似于网页设计中的CSS。QSS允许开发者通过简单的文本文件或者代码动态地改变控件的颜色、字体、布局以及整体视觉效果，为...
QSS样式表大合集.rar
04-11
QSS样式表大合集，基本涵盖了你能看到的所有样式表，各种精美风格都在其中......
qt中一般控件qss美化
09-15
Qt 是一个跨平台的应用程序开发框架，它提供了一个强大的样式表语言 QSS（Qt Style Sheets），可以用来美化 Qt 应用程序中的控件。QSS 语法类似于 CSS，使用选择器、属性和值来定义控件的样式。 在 Qt 中，每个控件...
qt样式表(qss)模板大全
06-07
很高兴能够回答您的问题！下面是一些常用的 Qt 样式表模板，供您参考： 1. 普通按钮样式表模板 ``` QPushButton { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } ``` 2. 文本框样式表模板 ``` QLineEdit { background-color: #f2f2f2; border: 2px solid #8f8f91; border-radius: 6px; padding: 0 8px; font-size: 18px; color: #4d4d4d; } ``` 3. 标签样式表模板 ``` QLabel { font-size: 20px; font-weight: bold; color: #333333; padding: 5px; } ``` 4. 下拉框样式表模板 ``` QComboBox { border: 2px solid gray; border-radius: 6px; padding: 1px 18px 1px 3px; min-width: 6em; } QComboBox::drop-down { subcontrol-origin: padding; subcontrol-position: top right; width: 15px; border-left-width: 1px; border-left-color: darkgray; border-left-style: solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f6f7fa, stop:1 #dadbde); } QComboBox::down-arrow { image: url(:/images/downarrow.png); } ``` 5. 表格样式表模板 ``` QTableView { border: 2px solid gray; border-radius: 6px; padding: 5px; font-size: 16px; } QTableView::item:selected { background-color: #7cd3ff; color: #ffffff; } ``` 希望这些样式表模板能够对您有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码力码力我爱你

创作不易，小小的支持一下吧！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值