圆形按钮样式

2019-09-17 14:04:46 浏览数 (1)

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

主题效果

默认颜色

悬停颜色

按下颜色

红色

#f44336

#d5d5d5

#f2f2f2

蓝色

#008cba

#d5d5d5

#f2f2f2

绿色

#4caf50

#d5d5d5

#f2f2f2

灰色

#e7e7e7

#d5d5d5

#f2f2f2

黑色

#555555

#d5d5d5

#f2f2f2

红色圆形按钮样式示例

代码语言：javascript复制

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"获取更多相关信息。
qt 公众号 后台

0 人点赞