圆形按钮样式
- 2019 年 10 月 4 日
- 筆記
大家中秋好。月饼圆,月亮圆,中秋团团圆圆。今天就分享些关于圆的东西(圆形按钮样式)。

主题效果 |
默认颜色 |
悬停颜色 |
按下颜色 |
---|---|---|---|
红色 |
#f44336 |
#d5d5d5 |
#f2f2f2 |
蓝色 |
#008cba |
#d5d5d5 |
#f2f2f2 |
绿色 |
#4caf50 |
#d5d5d5 |
#f2f2f2 |
灰色 |
#e7e7e7 |
#d5d5d5 |
#f2f2f2 |
黑色 |
#555555 |
#d5d5d5 |
#f2f2f2 |
红色圆形按钮样式示例
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 /* 按下颜色 */ }
关于更多
- 源码示例 https://github.com/aeagean/QSS.git
- Qt君公众号后台回复"QSS"获取更多相关信息。