QT各种控件常用样式表qss示例
2024.01.18 00:20浏览量:5简介:本文将为您提供一系列QT中常用控件的样式表QSS示例,帮助您快速美化QT应用程序的界面。通过这些示例,您将学会如何定制QT控件的外观,包括颜色、字体、边框和背景等属性。
千帆应用开发平台“智能体Pro”全新上线 限时免费体验
面向慢思考场景,支持低代码配置的方式创建“智能体Pro”应用
立即体验
在QT中,样式表QSS(类似于CSS)用于定制应用程序的界面样式。通过样式表,您可以轻松地更改控件的外观,使界面更加美观。以下是一些常用的QT控件样式表QSS示例:
- 按钮(QPushButton)
QPushButton {
background-color: #4CAF50; /* 按钮背景色 */
border: none; /* 去除默认边框 */
color: white; /* 文字颜色 */
padding: 10px 24px; /* 内边距 */
text-align: center; /* 文字居中对齐 */
text-decoration: none; /* 无下划线 */
display: inline-block; /* 内联块元素 */
font-size: 16px; /* 字体大小 */
margin: 4px 2px; /* 外边距 */
cursor: pointer; /* 鼠标悬停时显示手型光标 */
border-radius: 5px; /* 圆角 */
}
QPushButton:hover {
background-color: #45a049; /* 鼠标悬停时改变背景色 */
}
QPushButton:pressed {
background-color: #439049; /* 按钮按下时改变背景色 */
}
- 标签(QLabel)
QLabel {
color: black; /* 文字颜色 */
font-size: 12px; /* 字体大小 */
background-color: white; /* 背景色 */
}
- 文本框(QLineEdit)
QLineEdit {
border: 2px solid #8f8f91; /* 边框 */
padding: 5px; /* 内边距 */
font-size: 14px; /* 字体大小 */
background-color: white; /* 背景色 */
}
- 下拉框(QComboBox)
QComboBox {
border: 2px solid #8f8f91; /* 边框 */
padding: 5px; /* 内边距 */
font-size: 14px; /* 字体大小 */
background-color: white; /* 背景色 */
}
- 表格(QTableWidget)
QTableWidget {
border: 2px solid #8f8f91; /* 边框 */
background-color: white; /* 背景色 */
}

发表评论
登录后可评论,请前往 登录 或 注册