您的位置:首页 > 编程语言 > Qt开发

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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  linux QT QSS