Qt qss 设置QTableWidget 背景色透明,表头显示边框白色,item文字悬浮蓝色
时间: 2024-03-13 21:43:44 浏览: 259
您可以使用以下QSS代码实现您的需求:
```css
QTableWidget{
background-color: transparent; /*设置背景色为透明*/
border: none; /*去掉边框*/
}
QTableWidget::item:hover{
background-color: blue; /*设置item悬浮时的背景色为蓝色*/
}
QTableWidget::item:selected{
background-color: #CCE8FE; /*设置item被选中时的背景色为浅蓝色*/
}
QHeaderView::section{
background-color: white; /*设置表头的背景色为白色*/
border: 1px solid black; /*设置表头边框为黑色*/
height: 30px; /*设置表头高度为30px*/
}
QHeaderView::section:hover{
background-color: #F5F5F5; /*设置表头悬浮时的背景色为浅灰色*/
}
QHeaderView::section:selected{
background-color: #CCE8FE; /*设置表头被选中时的背景色为浅蓝色*/
}
```
您可以将以上代码添加到您的QSS文件中,然后将该文件应用到QTableWidget中,即可实现背景色透明、表头显示边框白色、item文字悬浮蓝色的效果。
相关问题
Qt qss 设置objectname为haierkanban_tablewidget 的 QTableWidget 背景色透明,表头显示边框白色,item文字悬浮蓝色
您可以使用以下QSS代码实现您的需求:
```css
#haierkanban_tablewidget {
background-color: transparent; /* 设置背景色为透明 */
border: none; /* 去掉边框 */
}
#haierkanban_tablewidget::item:hover {
background-color: blue; /* 设置item悬浮时的背景色为蓝色 */
}
#haierkanban_tablewidget::item:selected {
background-color: #CCE8FE; /* 设置item被选中时的背景色为浅蓝色 */
}
#haierkanban_tablewidget QHeaderView::section {
background-color: white; /* 设置表头的背景色为白色 */
border: 1px solid black; /* 设置表头边框为黑色 */
height: 30px; /* 设置表头高度为30px */
}
#haierkanban_tablewidget QHeaderView::section:hover {
background-color: #F5F5F5; /* 设置表头悬浮时的背景色为浅灰色 */
}
#haierkanban_tablewidget QHeaderView::section:selected {
background-color: #CCE8FE; /* 设置表头被选中时的背景色为浅蓝色 */
}
```
以上代码中,我们使用了 `#haierkanban_tablewidget` 选择器来选中具有 `objectName` 为 `haierkanban_tablewidget` 的 `QTableWidget`,然后按照上面的方式设置样式即可。
如果您的 `QTableWidget` 的 `objectName` 不是 `haierkanban_tablewidget`,请将上面的代码中的 `#haierkanban_tablewidget` 替换为您的 `QTableWidget` 的 `objectName`。
QTableWidget 设置背景色 设置表头背景色
要设置 `QTableWidget` 的背景色和表头背景色,您可以使用以下 QSS 代码:
```css
QTableWidget {
background-color: #F5F5F5; /* 设置背景色 */
}
QHeaderView::section {
background-color: #F5F5F5; /* 设置表头背景色 */
}
```
将以上代码添加到您的 QSS 文件中,并将该文件应用到您的 `QTableWidget` 中,即可将背景色和表头背景色设置为灰色(示例颜色为 #F5F5F5)。
如果您需要设置其他颜色,只需将 `background-color` 属性值替换为您需要的颜色即可。
阅读全文