QT各种控件常用样式表qss示例

作者:梅琳marlin2024.01.18 00:20浏览量:5

简介:本文将为您提供一系列QT中常用控件的样式表QSS示例,帮助您快速美化QT应用程序的界面。通过这些示例,您将学会如何定制QT控件的外观,包括颜色、字体、边框和背景等属性。

千帆应用开发平台“智能体Pro”全新上线 限时免费体验

面向慢思考场景,支持低代码配置的方式创建“智能体Pro”应用

立即体验

在QT中,样式表QSS(类似于CSS)用于定制应用程序的界面样式。通过样式表,您可以轻松地更改控件的外观,使界面更加美观。以下是一些常用的QT控件样式表QSS示例:

  1. 按钮(QPushButton)
    1. QPushButton {
    2. background-color: #4CAF50; /* 按钮背景色 */
    3. border: none; /* 去除默认边框 */
    4. color: white; /* 文字颜色 */
    5. padding: 10px 24px; /* 内边距 */
    6. text-align: center; /* 文字居中对齐 */
    7. text-decoration: none; /* 无下划线 */
    8. display: inline-block; /* 内联块元素 */
    9. font-size: 16px; /* 字体大小 */
    10. margin: 4px 2px; /* 外边距 */
    11. cursor: pointer; /* 鼠标悬停时显示手型光标 */
    12. border-radius: 5px; /* 圆角 */
    13. }
    14. QPushButton:hover {
    15. background-color: #45a049; /* 鼠标悬停时改变背景色 */
    16. }
    17. QPushButton:pressed {
    18. background-color: #439049; /* 按钮按下时改变背景色 */
    19. }
  2. 标签(QLabel)
    1. QLabel {
    2. color: black; /* 文字颜色 */
    3. font-size: 12px; /* 字体大小 */
    4. background-color: white; /* 背景色 */
    5. }
  3. 文本框(QLineEdit)
    1. QLineEdit {
    2. border: 2px solid #8f8f91; /* 边框 */
    3. padding: 5px; /* 内边距 */
    4. font-size: 14px; /* 字体大小 */
    5. background-color: white; /* 背景色 */
    6. }
  4. 下拉框(QComboBox)
    1. QComboBox {
    2. border: 2px solid #8f8f91; /* 边框 */
    3. padding: 5px; /* 内边距 */
    4. font-size: 14px; /* 字体大小 */
    5. background-color: white; /* 背景色 */
    6. }
  5. 表格(QTableWidget)
    1. QTableWidget {
    2. border: 2px solid #8f8f91; /* 边框 */
    3. background-color: white; /* 背景色 */
    4. }
article bottom image

相关文章推荐

发表评论