qss模板

作者: c之气三段 | 来源:发表于2022-09-01 11:28 被阅读0次
/* font: 75 10pt "微软雅黑"; */
QWidget{
    background-color:#FFFFFF;
}

QMainWindow {
    background-color:rgb(255, 255, 255);
}

QGroupBox{
    font: 40 10pt "微软雅黑";
}

QGroupBox:title {
    left: 10px;
    spacing:2px;
}

QGroupBox::indicator:checked
{
    image:url("./Images/deepcolor/checkbox/checked.png");
}

QGroupBox::indicator:unchecked
{
    image:url("./Images/deepcolor/checkbox/unchecked.png");
}

QMenu {
    border:1px solid #b2b5b8;
    padding-left:5px;
}

QMenuBar {
    padding: 1px;
    font: 40 10pt "微软雅黑";
    color: #333333;
    border-bottom:1px solid rgba(230, 229, 230, 255);
    color: rgb(0,0,0);
    background-color: #fafafa;
}

QMenu::item {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:20px;
    margin:1px;
    font: 50 10pt "微软雅黑";
    min-width:80px;
}

QMenu::item:selected {
    background-color:rgb(46, 85, 154);
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(0, 113, 255, 255), stop:1 rgba(91, 171, 252, 255));
    border-bottom-color: transparent;
    border-left-width: 2px;
    color: #000000;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    padding-right:7px;
    background:#DEEBFF;
}

QMenuBar::item {
    color: #000000;
    spacing: 3px;
    padding: 1px 4px;
    background-color: #fafafa;
}

QMenuBar::item:selected {
    background-color:rgb(46, 85, 154);
    color: #FFFFFF;
}

QToolBar {
    padding: 1px;
    min-width: 30px;
    min-height: 30px;
    border-bottom: 1px solid rgb(222, 222, 222);
}

QToolBar::separator{
    height:1px;
    max-width:1px;
    background-color: lightgray;
    margin-top: 3px;
    margin-bottom: 3px;
}

QToolBar QToolButton{
    border-style: solid;
    border-top-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgb(215, 215, 215), stop:1 rgb(222, 222, 222));
    border-right-color: qlineargradient(spread:pad, x1:0, y1:0.5, x2:1, y2:0.5, stop:0 rgb(217, 217, 217), stop:1 rgb(227, 227, 227));
    border-left-color: qlineargradient(spread:pad, x1:0, y1:0.5, x2:1, y2:0.5, stop:0 rgb(227, 227, 227), stop:1 rgb(217, 217, 217));
    border-bottom-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgb(215, 215, 215), stop:1 rgb(222, 222, 222));
    border-width: 0px;
    border-radius: 2px;
    color: rgb(0,0,0);
    padding-left: 4px;
    padding-right: 4px;
    background-color: transparent;
    width: 30px;
    height: 30px;
}

QToolBar QToolButton:hover{
    background-color: lightgray;
}

QToolBar QToolButton:pressed{
    background-color: darkgray;
}

QStatusBar
{
    min-height:20px;
    max-height:20px;
}

QStatusBar::item {
    font: 75 9pt "微软雅黑";
}

QStatusBar QWidget{
    font: 75 9pt "微软雅黑";
}

QDockWidget{
    border-color: #dadada;
}

QDockWidget::title {
  text-align: left; 
  background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #d1d1d1,stop:1 #ffffff);
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #dadada;
  border-bottom-width:0px;
}

QDockWidget::close-button, QDockWidget::float-button {
    border: 1px solid transparent;
    background: transparent;
}

QDockWidget::close-button:hover, QDockWidget::float-button:hover {
  background: lightgray;
}

QTabWidget {
    color:rgb(0,0,0);
    background-color:#000000;
    font: 60 11pt "微软雅黑";
}

QTabWidget::pane {
    border-color: rgb(223,223,223);
    background-color:rgb(255, 255, 255);
    border-style: solid;
    border-width: 0px;
    border-radius: 6px;
}

QTabWidget QToolButton
{
    background-color: #ffffff;
    border:none;
}

QTabWidget QToolButton:hover
{
    background-color: #bebebe;
        border:none;
}

QTabBar::close-button{ 
    margin: 3px;    
}

QTabBar::close-button:hover {
    background-color:rgb(192, 192, 192);
}

QTabBar::tab {
    border-style: solid;
    border-left-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-top-color: rgb(209,209,209);
    border-left-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(209, 209, 209, 209), stop:1 rgba(229, 229, 229, 229));
    border-bottom-color: rgb(229,229,229);
    color: #000000;
    padding: 2px;
    padding-bottom: 0px;
    margin-left:0px;
    background-color: #DFE2E6;
    font: 40 10pt "微软雅黑";
    min-width:82px;
    min-height:28px;
    border-left-color:#a1a1a1;
}
QTabBar::tab:selected, QTabBar::tab:hover {
    border-style: solid;
    border-left-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-color: transparent;
    border-top-color: rgb(209,209,209);
    border-left-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(209, 209, 209, 209), stop:1 rgba(229, 229, 229, 229));
    border-bottom-color: rgb(229,229,229);
    color: #FFFFFF;
    padding: 2px;
    padding-bottom: 0px;
    margin-left:0px;
    /*background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(0, 113, 255, 255), stop:1 rgba(91, 171, 252, 255));*/
    background-color:rgb(46, 85, 154);
}

QPushButton{
    border: 1px solid rgb(36, 84, 160);
    border-radius: 4px;
    width:80px;
    height:25px;
    color: rgb(0,0,0);
    background-color: qlineargradient(spread:pad, x1:0, y1:0.5, x2:1, y2:0.5, stop:0 rgb(218, 233, 254), stop:1 rgb(251, 252, 255));
}

QPushButton:hover{
    background-color: qlineargradient(spread:pad, x1:0, y1:0.5, x2:1, y2:0.5, stop:0 rgb(218, 233, 254), stop:1 rgb(138, 187, 252));
}
QPushButton:pressed{
    background-color: qlineargradient(spread:pad, x1:0, y1:0.5, x2:1, y2:0.5, stop:0 rgb(218, 233, 254), stop:1 rgb(115, 172, 252));
}

QTextEdit {
   margin-left: 10px;
}
QPlainTextEdit {
    border-width: 1px;
    border-style: solid;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(231, 235, 241, 255), stop:1 rgba(231, 235, 241, 255));
    border-top-width:0px;
    font: 75 11pt "微软雅黑";
}

QLineEdit {
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-radius:3px;
    min-height:25px;
    font: 75 11pt "微软雅黑";
}

QLabel {
    color: #000000;
    background-color:transparent;
    font: 75 11pt "微软雅黑";
}

QLCDNumber {
    color: rgb(0, 113, 255, 255);
}

QProgressBar {
    text-align: center;
    color: rgb(240, 240, 240);
    border-width: 1px; 
    border-radius: 10px;
    border-color: rgb(230, 230, 230);
    border-style: solid;
    background-color:rgb(207,207,207);
}

QProgressBar::chunk {
    background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(49, 147, 250, 255), stop:1 rgba(34, 142, 255, 255));
    border-radius: 10px;
}

QTableWidget, QHeaderView, QTreeWidget, QTreeView{
    font: 75 11pt "微软雅黑";
    color:#333333;
    border:1px solid rgba(228,228,228,1);
}

QTableView{
    font: 50 9pt "微软雅黑";
    color:#333333;
    border:1px solid rgba(228,228,228,1);
}

QTreeView{
    background:rgb(255, 255, 255);
    outline:0px;
    border:none;
    color:rgb(0,0,0);
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    
    border-width: 1px;
    border-style: solid;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(231, 235, 241, 255), stop:1 rgba(231, 235, 241, 255));
    border-top-width:1px;
}

QTreeView QWidget{
    font: 75 11pt "微软雅黑";
    color:#333333;
}

QTreeView::item{
    height:30px;
    color:#333333;
}

QTreeView::item:hover{
    color:#1D6CEB;
    background:#DEEBFF;
}

QTreeView::item:selected{
    color:#1D6CEB;
    background-color:#DEEBFF;
    border-radius:1px;
}

QTreeView QHeaderView::section{
    background-color:#F7F8FA;
    outline:0px;
    border:none;
}

QListWidget, QListView {
    font: 75 11pt "微软雅黑";
    background:rgb(255, 255, 255);
    color:rgb(0,0,0);
    font-size:12px;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
    
    border-width: 1px;
    border-style: solid;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(231, 235, 241, 255), stop:1 rgba(231, 235, 241, 255));
    border-top-width:0px;
}

QCheckBox {
    color: #000000;
    padding: 2px;
    font: 75 11pt "微软雅黑";
}

QCheckBox:hover {
    padding-left:5px;
    background-color: #DEEBFF;
}

QCheckBox::indicator:checked {
    height: 18px;
    width: 18px;
    border-radius:15px;
    image:url("./Images/deepcolor/checkbox/checked.png");
}
QCheckBox::indicator:unchecked {

    height: 18px;
    width: 18px;
    border-radius:15px;
    image:url("./Images/deepcolor/checkbox/unchecked.png");
}

QRadioButton {
    color: 000000;
    padding: 1px;
    font: 75 11pt "微软雅黑";
}

QRadioButton:hover {
    padding-left:5px;
    background-color: #DEEBFF;
}

QRadioButton::indicator:checked {
    image:url("./Images/deepcolor/radio/radioTrue.png");
    width:18px;
    height:18px;
}
QRadioButton::indicator:!checked {
    image:url("./Images/deepcolor/radio/radioFalse.png");
    width:18px;
    height:18px;
}

QStatusBar {
    color:#027f7f;
}

QDoubleSpinBox,QSpinBox {
    font: 75 11pt "微软雅黑";
    min-height:24px;
    border-style: solid;
    border-width: 1px;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(206, 206, 206, 255), stop:1 rgba(206, 206, 206, 255));
}

QDoubleSpinBox::up-button,QSpinBox::up-button {
      subcontrol-origin: border;
      subcontrol-position: top right;
      background:transparent;
}

QDoubleSpinBox::up-arrow,QSpinBox::up-arrow{
   image: url("./Images/deepcolor/scrollbar/list_ud_arrow_up_h.png")
}

QDoubleSpinBox::up-arrow:hover,QSpinBox::up-arrow:hover{
   image: url("./Images/deepcolor/scrollbar/list_ud_arrow_up_p.png")
}

QDoubleSpinBox::down-button,QSpinBox::down-button {
  subcontrol-origin: border;
  subcontrol-position: bottom right;
  background:transparent;
}

QDoubleSpinBox::down-arrow,QSpinBox::down-arrow{
  image: url("./Images/deepcolor/scrollbar/list_ud_arrow_down_h.png")
}

QDoubleSpinBox::down-arrow:hover,QSpinBox::down-arrow:hover{
  image: url("./Images/deepcolor/scrollbar/list_ud_arrow_down_p.png")
}

QTimeEdit {
    font: 75 11pt "微软雅黑";
    border-style: solid;
    border-width: 1px;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(206, 206, 206, 255), stop:1 rgba(206, 206, 206, 255));
}
QDateTimeEdit {
    font: 75 11pt "微软雅黑";
    border-style: solid;
    border-width: 1px;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(206, 206, 206, 255), stop:1 rgba(206, 206, 206, 255));
}
QDateEdit {
    border-style: solid;
    border-width: 1px;
    border-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(206, 206, 206, 255), stop:1 rgba(206, 206, 206, 255));
}

QSlider::groove:horizontal {
    height: 5px;
    background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(49, 147, 250, 255), stop:1 rgba(34, 142, 255, 255));
}
QSlider::groove:vertical {
    width: 5px;
    background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(49, 147, 250, 255), stop:1 rgba(34, 142, 255, 255));
}
QSlider::handle:horizontal {
    background: rgb(253,253,253);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(207,207,207);
    width: 12px;
    margin: -5px 0;
    border-radius: 7px;
}
QSlider::handle:vertical {
    background: rgb(253,253,253);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(207,207,207);
    height: 12px;
    margin: 0 -5px;
    border-radius: 7px;
}

QSlider::add-page:horizontal {
    background: rgb(181,181,181);
}
QSlider::add-page:vertical {
    background: rgb(181,181,181);
}
QSlider::sub-page:horizontal {
    background-color: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(49, 147, 250, 255), stop:1 rgba(34, 142, 255, 255));
}
QSlider::sub-page:vertical {
    background-color: qlineargradient(spread:pad, y1:0.5, x1:1, y2:0.5, x2:0, stop:0 rgba(49, 147, 250, 255), stop:1 rgba(34, 142, 255, 255));
}

QScrollArea {
  color: #FFFFFF;
  background-color:#000000;
  border:none;
}
QScrollArea .QWidget{
  background-color:#FFFFFF;
}

QScrollBar:horizontal {
    border: 1px transparent grey;
    margin: 0px 18px 0px 18px;
    min-height:12px;
    max-height:12px;
}
QScrollBar:vertical {
    border: 1px transparent grey;
    margin: 18px 0px 18px 0px;
    min-width:12px;
    max-width:12px;
}
QScrollBar::handle:horizontal {
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, 
    stop:0 #f3f3f3, 
    stop:0.5 #dedede, 
    stop:1 #8a8a8a);
    border-radius: 6px;
}
QScrollBar::handle:horizontal:hover {
    border-image: url("./Images/deepcolor/scrollbar/list_lr_btn_p.png");
}
QScrollBar::handle:vertical {
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, 
    stop:0 #f3f3f3, 
    stop:0.5 #dedede, 
    stop:1 #8a8a8a);
    border-radius: 6px;
}
QScrollBar::handle:vertical:hover {
    border-image: url("./Images/deepcolor/scrollbar/list_ud_btn_p.png");
}
QScrollBar::add-line:horizontal {
   border: 2px transparent grey;
   border-top-right-radius: 1px;
   border-bottom-right-radius: 1px;
   background: rgba(255, 255, 255, 255);
   width: 20px;
   subcontrol-position: right;
   subcontrol-origin: margin;
}

QScrollBar::add-line:vertical {
   border: 2px transparent grey;
   border-bottom-left-radius: 1px;
   border-bottom-right-radius: 1px;
   background: rgba(255, 255, 255, 255);
   height: 20px;
   subcontrol-position: bottom;
   subcontrol-origin: margin;
}

QScrollBar::add-line:vertical:hover,QScrollBar::add-line:horizontal:hover,
QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:horizontal:hover {
    background: rgb(181,181,181);
}

QScrollBar::sub-line:horizontal {
   border: 2px transparent grey;
   border-top-left-radius: 1px;
   border-bottom-left-radius: 1px;
   background: rgba(255, 255, 255, 255);
   width: 20px;
   subcontrol-position: left;
   subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical {
   border: 2px transparent grey;
   border-top-left-radius: 1px;
   border-top-right-radius: 1px;
   background: rgba(255, 255, 255, 255);
   height: 20px;
   subcontrol-position: top;
   subcontrol-origin: margin;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical{
    background-color: #f7f7f7;
}

QScrollBar::up-arrow:vertical {
    image: url("./Images/deepcolor/scrollbar/list_ud_arrow_up_n.png");
}
QScrollBar::down-arrow:vertical {
    image: url("./Images/deepcolor/scrollbar/list_ud_arrow_down_n.png");
}

QScrollBar::left-arrow:horizontal {
    image: url("./Images/deepcolor/scrollbar/list_lr_arrow_left_n.png");
}
QScrollBar::right-arrow:horizontal {
    image: url("./Images/deepcolor/scrollbar/list_lr_arrow_right_n.png");
}


QComboBox{
  color:#222222;
  padding: 1px 15px 1px 3px;
  border:1px solid rgb(180,180,180);
  border-radius:3px 3px 0px 0px;
  min-height:23px;
  font: 75 11pt "微软雅黑";
} 

QComboBox:on { 
  padding-top: 3px;
  padding-left: 4px;
}

QComboBox:hover 
{
  background-color: #DEEBFF;
}

QComboBox::drop-down {
    subcontrol-origin: padding;
    subcontrol-position: top right;
    width: 15px;
    border-left-width: 0px;
}
QComboBox::down-arrow {
    width: 15px;
    background: transparent;
    padding: 0px 0px 0px 0px;
    image: url(./Images/deepcolor/combobox/list_ud_arrow_down_n.png);
}

QComboBox QAbstractItemView{
    outline: 0px;
    border:1px solid rgb(180,180,180);
    selection-background-color:#2e559a;
    padding:0px 0px 0px 0px;
}

QWidget:disabled,QGroupBox:unchecked{
    background-color: #f3f3f3;
}

QLineEdit:focus ,QSpinBox:focus ,
QDoubleSpinBox:focus ,QLineEdit:hover,
QSpinBox:hover,QDoubleSpinBox:hover{
     border-top-color:qlineargradient(x1:0, y1:0, x2:1, y2:0,
     stop:0 #4dc5ff,
     stop:0.5 #3890b9,
     stop:1 #4dc5ff);
     border-bottom-color:qlineargradient(x1:0, y1:0, x2:1, y2:0,
     stop:0 #4dc5ff,
     stop:0.5 #3890b9,
     stop:1 #4dc5ff);
     border-left-color:#00aaff;
     border-right-color:#00aaff;
}
//特例区域制定特定部件样式
//...
盒子模型：https://blog.csdn.net/Staranywhere/article/details/106600384
详解：https://blog.csdn.net/qq_43627907/article/details/125677496
qmenu:https://jingyan.baidu.com/article/d5a880eb71095b52f147ccea.html
QScrollBar:https://blog.csdn.net/wzs250969969/article/details/78496856
渐变：https://blog.csdn.net/weixin_43246170/article/details/120684886
qss模板

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读
