QT中如何修改tab的样式为灰底,被选中的标签拥有白色下划线
时间: 2024-02-03 11:03:25 浏览: 22
在QT中,可以通过修改QTabWidget的样式表来实现修改tab的样式。下面是一个示例的样式表:
```
QTabWidget::pane {
border: 1px solid #C2C7CB;
background-color: #EDEDED;
margin: 0px;
}
QTabBar::tab {
background-color: #C2C7CB;
color: #31363B;
font-weight: bold;
padding: 5px;
margin: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
QTabBar::tab:selected {
background-color: #EDEDED;
border-bottom: 2px solid white;
}
```
其中,第一部分修改了QTabWidget的外观,将其背景设置为灰色。第二部分修改了QTabBar的样式,将背景设置为灰色,并设置了字体颜色、字体大小、内外边距等。第三部分修改了选中的tab的样式,将其背景设置为白色,添加了下划线。
你可以将这个样式表应用到你的QTabWidget上,代码如下:
```
ui->tabWidget->setStyleSheet("QTabWidget::pane { border: 1px solid #C2C7CB; background-color: #EDEDED; margin: 0px; } QTabBar::tab { background-color: #C2C7CB; color: #31363B; font-weight: bold; padding: 5px; margin: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; } QTabBar::tab:selected { background-color: #EDEDED; border-bottom: 2px solid white; }");
```
注意,这里使用了一个很长的字符串作为样式表,你可以将其拆分成多行以提高可读性。