圆形按钮样式

发表于

大家中秋好。月饼圆，月亮圆，中秋团团圆圆。今天就分享关于圆的东西(圆形按钮样式)。

插图

主题效果 默认颜色 悬停颜色 按下颜色
红色 #f44336 #d5d5d5 #f2f2f2
蓝色 #008cba #d5d5d5 #f2f2f2
绿色 #4caf50 #d5d5d5 #f2f2f2
灰色 #e7e7e7 #d5d5d5 #f2f2f2
黑色 #555555 #d5d5d5 #f2f2f2

红色圆形按钮样式示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
QPushButton {
    min-width: 100px;
    max-width: 100px;
    max-height: 100px;
    min-height: 100px;
    border-radius: 50px;
    font-size: 15px;
    color: white;
    background: #f44336 ; /* 默认颜色 */
}

QPushButton:hover {
    font-size: 18px;
    color: white;
    background: #d5d5d5; /* 悬停颜色 */
}

QPushButton:pressed {
    background: #f2f2f2 /* 按下颜色 */
}

关于更多