用qss的完整qss代码
时间: 2024-04-18 13:03:04 浏览: 69
以下是一个使用QSS实现选中标签下方小横条的完整示例代码:
```css
QTabBar::tab:selected {
color: #ffffff; /* 设置选中标签的文本颜色 */
background-color: #007bff; /* 设置选中标签的背景颜色 */
border-bottom: 2px solid #ff0000; /* 设置小横条的样式,颜色为红色,高度为2像素 */
}
```
将以上代码保存为.qss文件,并在应用程序中加载该样式表文件即可。
您可以根据需要调整文本颜色、背景颜色和小横条的样式(颜色和高度)。
希望这对您有所帮助!如果还有其他问题,请随时提问。
相关问题
QTreeWidget qss 代码
以下是一个简单的QTreeWidget的QSS代码示例:
QTreeWidget {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
font-size: 14px;
}
QTreeWidget::item {
height: 30px;
color: #333333;
border-bottom: 1px solid #CCCCCC;
}
QTreeWidget::item:selected {
background-color: #E6F2FF;
}
QTreeWidget::branch {
background-color: #FFFFFF;
width: 10px;
image: url(./images/arrow.png);
}
QTreeWidget::branch:open {
image: url(./images/arrow-down.png);
}
QTreeWidget::indicator:checked {
image: url(./images/checkbox-checked.png);
}
QTreeWidget::indicator:unchecked {
image: url(./images/checkbox-unchecked.png);
}
上述代码中,我们定义了整个QTreeWidget的背景颜色、边框、字体大小等基本样式;定义了QTreeWidget的item的高度、颜色、下边框等样式;定义了选中item的背景颜色;定义了QTreeWidget的branch(展开/折叠箭头)的样式,包括背景颜色、宽度、展开和折叠时的图片等;最后定义了QTreeWidget的indicator(复选框)的样式,包括选中和未选中时的图片。
QWidget 的qss代码
QWidget {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
padding: 5px;
}
QWidget:hover {
background-color: #f0f0f0;
}
QWidget:focus {
border: 1px solid #4d90fe;
}
QLabel {
color: #333333;
font-size: 16px;
font-weight: bold;
}
QPushButton {
background-color: #4d90fe;
border: none;
border-radius: 3px;
color: #ffffff;
font-size: 16px;
padding: 5px 10px;
}
QPushButton:hover {
background-color: #357ae8;
}
QLineEdit {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
color: #333333;
font-size: 16px;
padding: 5px;
}
QLineEdit:hover {
border: 1px solid #4d90fe;
}
QLineEdit:focus {
border: 1px solid #4d90fe;
}
QComboBox {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
color: #333333;
font-size: 16px;
padding: 5px;
}
QComboBox:hover {
border: 1px solid #4d90fe;
}
QComboBox:focus {
border: 1px solid #4d90fe;
}
阅读全文