QCheckBox:hover:checked { color: white }说明
时间: 2023-12-20 22:04:23 浏览: 164
这是一段CSS伪类选择器的语法,它表示当鼠标悬停在QCheckBox控件上并且该控件被选中时,文本颜色将被设置为白色。
具体解释如下:
- QCheckBox:hover 表示当鼠标悬停在QCheckBox控件上时应用此样式。
- :checked 表示当QCheckBox控件被选中时应用此样式。
- { color: white } 表示应用的样式,即将文本颜色设置为白色。
因此,这段CSS语法的作用是使选中的QCheckBox控件在鼠标悬停时文本颜色变为白色。
相关问题
qcheckbox设置勾选框为白色勾为黑色
您可以使用QSS(Qt样式表)来设置QCheckBox的勾选框和勾选标记的颜色。以下是一些示例代码,您可以将其添加到应用程序的样式表中:
```
QCheckBox::indicator {
border: 2px solid #bdc3c7;
width: 15px;
height: 15px;
}
QCheckBox::indicator:checked {
background-color: #2ecc71;
border-color: #2ecc71;
}
QCheckBox::indicator:checked:disabled {
background-color: #7f8c8d;
border-color: #7f8c8d;
}
QCheckBox::indicator:unchecked:hover {
border: 2px solid #34495e;
}
QCheckBox::indicator:checked:hover {
border: 2px solid #2ecc71;
}
QCheckBox::indicator:unchecked:focus {
border: 2px solid #3498db;
}
QCheckBox::indicator:checked:focus {
border: 2px solid #2ecc71;
}
QCheckBox::indicator:unchecked:pressed {
border: 2px solid #2980b9;
}
QCheckBox::indicator:checked:pressed {
border: 2px solid #2ecc71;
}
QCheckBox::indicator:checked {
background-image: url(:/icons/checkbox_checked.png);
}
QCheckBox::indicator:unchecked {
background-image: url(:/icons/checkbox_unchecked.png);
}
```
其中,`::indicator`选择器用于设置勾选框的外观,`::indicator:checked`选择器用于设置勾选标记的外观。您可以根据自己的需求调整此样式表。在上面的代码中,勾选框的颜色为灰色(`#bdc3c7`),勾选标记的颜色为绿色(`#2ecc71`),未勾选的勾选框使用 unchecked.png 图像,勾选的勾选框使用 checked.png 图像。您需要替换这些图像路径以使其适合您的项目。
请注意,如果您将样式表应用于应用程序中的所有QCheckBox,则上述样式表将为所有QCheckBox设置相同的外观。如果您只想为单个QCheckBox设置样式表,则可以使用该QCheckBox的setStyleSheet()函数。例如:
```
QCheckBox *checkBox = new QCheckBox("My Checkbox");
checkBox->setStyleSheet("QCheckBox::indicator:checked { background-color: #2ecc71; border-color: #2ecc71; } QCheckBox::indicator:unchecked { background-color: white; border-color: black; }");
```
这将为名为“ My Checkbox”的QCheckBox设置不同的勾选框和勾选标记颜色。
阅读全文