QT之qss教程- QPushButton
2017-11-02 16:10
489 查看
官方参考资料:
http://doc.qt.io/qt-5.6/stylesheet-examples.html
QPushButton {
/* 前景色 */
color:red;
/* 背景色 */
background-color:rgb(30,75,10);
/* 边框风格 */
border-style:outset;
/* 边框宽度 */
border-width:2px;
/* 边框颜色 */
border-color:rgb(10,45,110);
/* 边框倒角 */
border-radius:10px;
/* 字体 */
font:bold 14px;
/* 控件最小宽度 */
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;
}
/* 当按钮打开菜单时:ui->pushButton->setMenu(btnMenu) */
QPushButton:open{
background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #dadbde, stop: 1 #f6f7fa);
}
/* 子选择器:菜单 */
QPushButton::menu-indicator {
image:url(:/images/close.png);
/* 去掉小三角号
image:none;*/
/* 绘制subcontrol 的参考矩形的位置 */
subcontrol-origin:padding;
/* 小三角的位置 */
subcontrol-position:bottom right;
}
QPushButton::menu-indicator:pressed,QPushButton::menu-indicator:open {
position:relative;
top:4px;
left:4px;
}
http://doc.qt.io/qt-5.6/stylesheet-examples.html
QPushButton {
/* 前景色 */
color:red;
/* 背景色 */
background-color:rgb(30,75,10);
/* 边框风格 */
border-style:outset;
/* 边框宽度 */
border-width:2px;
/* 边框颜色 */
border-color:rgb(10,45,110);
/* 边框倒角 */
border-radius:10px;
/* 字体 */
font:bold 14px;
/* 控件最小宽度 */
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;
}
/* 当按钮打开菜单时:ui->pushButton->setMenu(btnMenu) */
QPushButton:open{
background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #dadbde, stop: 1 #f6f7fa);
}
/* 子选择器:菜单 */
QPushButton::menu-indicator {
image:url(:/images/close.png);
/* 去掉小三角号
image:none;*/
/* 绘制subcontrol 的参考矩形的位置 */
subcontrol-origin:padding;
/* 小三角的位置 */
subcontrol-position:bottom right;
}
QPushButton::menu-indicator:pressed,QPushButton::menu-indicator:open {
position:relative;
top:4px;
left:4px;
}
相关文章推荐
- QT之qss教程- QScrollBar
- 自学QT之qss教程
- QT之qss教程-QLineEdit
- QT之qss教程-QGroupBox
- QT之qss教程-QToolButton
- 【QT】QT从零入门教程(十六):QSS样式表
- QT之qss教程-qss文件使用方法
- QT之qss教程- QRadioButton
- QT之qss教程-QSlider
- QT之qss教程-QToolBox
- QT之qss教程-QTreeView
- QT之qss教程- QCheckBox
- QT之qss教程-QTabWidget
- 【QT】QT从零入门教程(八):QT常用控件 [QLabel、QPushButton、QLineEdit、QTextEdit]
- QT之qss教程-QListView
- 自学QT之qss教程
- QT之qss教程-QMenuBar
- QT之qss教程-QTableView
- QT之qss教程-Qt渐变色QGradient
- QT之qss教程-QDockWidget