QPushButton樣式表

QPushButton
{
    color:#ffffff; /*文字顏色*/
    background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 #aa55ff, stop: 1 #1296db);/*背景色*/
    border-style:outset; /*邊框風格*/
    border-width:2px;/*邊框寬度*/
    border-color:#0055ff; /*邊框顏色*/
    border-radius:10px; /*邊框倒角*/
    font:bold 14px; /*字體*/
    font-family: Segoe UI;
    min-width:100px;/*控件最小寬度*/
    min-height:20px;/*控件最小高度*/
    padding:4px;/*內邊距*/
}

QPushButton:hover
{
    color:#ffffff; /*文字顏色*/
    background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 #ff55ff, stop: 1 #1296db);/*背景色*/
    border-style:outset; /*邊框風格*/
    border-width:2px;/*邊框寬度*/
    border-color:#0055ff; /*邊框顏色*/
    border-radius:10px; /*邊框倒角*/
    font:bold 14px; /*字體*/
    font-family: Segoe UI;
    min-width:100px;/*控件最小寬度*/
    min-height:20px;/*控件最小高度*/
    padding:4px;/*內邊距*/
}
QPushButton:pressed
{
    color:#ffffff; /*文字顏色*/
    background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 #ff55ff, stop: 1 #aa00ff);/*背景色*/
    border-style:outset; /*邊框風格*/
    border-width:2px;/*邊框寬度*/
    border-color:#0055ff; /*邊框顏色*/
    border-radius:10px; /*邊框倒角*/
    font:bold 14px; /*字體*/
    font-family: Segoe UI;
    min-width:100px;/*控件最小寬度*/
    min-height:20px;/*控件最小高度*/
    padding:4px;/*內邊距*/
}

效果圖:正常態   hover態 按下態

參考:https://blog.csdn.net/chenyijun/article/details/88664433

 

 

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