圆形按钮样式

  • 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"获取更多相关信息。