圆形按钮样式

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

插图

主题效果 默认颜色 悬停颜色 按下颜色
红色 #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 /* 按下颜色 */
}

关于更多