圆形按钮样式

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

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

  • Qt君公众号后台回复”QSS“获取更多相关信息。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理