QT之qss教程- QPushButton

官方参考资料:

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;
}




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章