QLabel,应用于Widget:
.QLabel {background-color:pink;
}.QLabel[warn='level_1'] {border:5px solid yellow;
}.QLabel[warn='level_2'] {border:5px solid red;
}
QWidget{background-color:rgb(54,54,54);
}QLineEdit{border: 1px solid #ABCDA0; /* 边框宽度为1px,颜色为#A0A0A0 */border-radius: 3px; /* 边框圆角 */padding-left: 5px; /* 文本距离左边界有5px */background-color: #F2F2F2; /* 背景颜色 */color: black; /* 文本颜色 */selection-background-color: #A0A0A0; /* 选中文本的背景颜色 */selection-color: #F2F2F2; /* 选中文本的颜色 */font-family: "Microsoft YaHei"; /* 文本字体族 */font-size: 10pt; /* 文本字体大小 */
}QLineEdit:hover { /* 鼠标悬浮在QLineEdit时的状态 */border: 1px solid #298DFF;border-radius: 3px;background-color: #F2F2F2;color: #298DFF;selection-background-color: #298DFF;selection-color: #F2F2F2;
}QLineEdit[echoMode="2"] { /* QLineEdit有输入掩码时的状态 */lineedit-password-character: 9679;lineedit-password-mask-delay: 2000;
}QLineEdit:disabled { /* QLineEdit在禁用时的状态 */border: 1px solid #CDCDCD;background-color: #CDCDCD;color: #B4B4B4;
}QLineEdit:read-only { /* QLineEdit在只读时的状态 */background-color: #CDCDCD;color: #F2F2F2;
}
QPushButton:
QPushButton
{ /* 前景色 */ color:green; /* 背景色 */ background-color:rgb(223,223,223); /* 边框风格 */ border-style:outset; /* 边框宽度 */ border-width:0.5px; /* 边框颜色 */ border-color:rgb(10,45,110); /* 边框倒角 */ border-radius:10px; /* 字体 */ font:bold 22px; /* 控件最小宽度 */ min-width:100px; /* 控件最小高度 */ min-height:20px; /* 内边距 */ padding:4px;
} /* 鼠标按下时的效果 */
QPushButton#pushButton:pressed
{ /* 改变背景色 */ background-color:rgb(40,85,20); /* 改变边框风格 */ border-style:inset; /* 使文字有一点移动 */ padding-left:6px; padding-top:6px;
}/* 按钮样式 */
QPushButton:flat
{ border:2px solid red;
} /*鼠标悬浮时的效果*/
QPushButton:hover
{color:#0000ff;background-color:rgb(210, 205, 205); /*改变背景色*/border-style:inset;/*改变边框风格*/padding-left:8px;padding-top:8px;
}
图片作为按钮背景:
QPushButton
{background-image:url(":/resources/vip_yes.png");background-position:center;background-repeat: no-repeat;border:none
}QPushButton:hover
{background-color:rgb(10,210,210);background-image:url(":/resources/vip_yes.png")
}QPushButton:pressed
{background-color:rgb(255, 0, 0);background-image:url(":/resources/vip_yes.png");
}
在主界面中:
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// svg 矢量图 :可以随着控件大小而改变,不会失真// 6张图:正常状态,悬浮状态,点击状态 [vip]ui->pushButton_3->setText(u8"会员");ui->pushButton_3->setFixedSize(80, 64);ui->pushButton_3->setIcon(QIcon(":/resources/vip_yes.png"));ui->pushButton_3->setLayoutDirection(Qt::LeftToRight);ui->pushButton_4->setFixedSize(200, 64);ui->pushButton_4->setText(u8"非会员");QString btnStyle = "QPushButton{""background-image: url(:/resources/vip_no.png);""background-repeat: no-repeat;""background-origin: padding;""background-position: left;""padding-left:65px;""border: none;""background-color: rgb(0, 255, 255);""color:rgb(0, 0, 0);""text-align:left;""font: bold italic 30px \"Microsoft YaHei\";""}";ui->pushButton_4->setStyleSheet(btnStyle);}