csdn某笔记

什么是QSS

QSS称为Qt Style Sheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制。QSS大量参考了CSS的内容，只不过QSS的功能比CSS要弱很多，体现在选择器要少，可以使用的QSS属性也要少很多，并且并不是所有的属性都可以用在Qt的所有控件上。

回到顶部

QSS在Qt程序中的使用办法

首先将QSS写在文件中，然后利用如下的代码设置QSS：

c++

MainWidget::MainWidget(QWidget *parent) :
     QWidget(parent),
     ui( new  Ui::MainWidget)
{
　　 //应用样式 apply the qss style
     QFile file( ":/qss/main.qss" );
     file.open(QFile::ReadOnly);
     QTextStream filetext(&file);
     QString stylesheet = filetext.readAll();
     this ->setStyleSheet(stylesheet);
  　　file.close();
}

该段代码写在ui界面的后台cpp文件的构造函数中,主要是this->setStyleSheet()函数的设置功能，要说明的是该函数除了可以对整个当前构造数所在的那个类所表示的ui进行整体应用样式以外，setStyleSheet()函数本身是QWidget的成员函数，几乎Qt中的大多数控件都可以直接使用该函数分别设置自己的样式。

回到顶部

QSS的语法规则

QSS的语法规则几乎与CSS相同。一条QSS的样式是由两部分组成的，一部分是选择器指定了哪些控件会受到影响，另一部分是指定了属性的值，表示这些控件的哪些属性会受到影响。例如：

css

QPushButton { color: red }

QPushButton表示选择器，指定了所有的QPushButton或者是QPushButton的子类会受到影响，注意凡是继承自QPushButton的子类也会受到影响，这是与CSS中不同的地方，因为CSS应用的都是一些标签，没有类的层次结构，更加没有子类的概念。而后面的{color:red}则是规则的定义，表明指定前景颜色是红色。整个意思就是设置QPushButton类以及其子类的所有实例的前景色是红色。

如果MyButton继承自QPushButton，那么上面的规则也会应用到所有MyButton控件上，但是如果规则是如下的：

MyButton{color:red}

则只会对MyButton的实例应用红色的前景颜色，而对QPushButton的实例没有应用。

回到顶部

QSS的选择器类型

1.通配选择器：* ; 匹配所有的控件 2.类型选择器：QPushButton ; 匹配所有QPushButton和其子类的实例 3.属性选择器：QPushButton[flat="false"]; 匹配所有flat属性是false的QPushButton实例，注意该属性可以是自定义的属性，不一定非要是类本身具有的属性 4.类选择器： .QPushButton ; 匹配所有QPushButton的实例，但是并不匹配其子类。这是与CSS中的类选择器不一样的地方，注意前面有一个点号 5.ID选择器： #myButton; 匹配所有id为myButton的控件实例，这里的id实际上就是objectName指定的值 6.后代选择器： QDialog QPushButton ; 所有QDialog容器中包含的QPushButton，不管是直接的还是间接的 7.子选择器： QDialog > QPushButton; 所有QDialog容器下面的QPushButton，其中要求QPushButton的直接父容器是QDialog

另外上面所有的这些选择器可以联合使用，并且支持一次设置多个选择器类型，用逗号隔开，这点与CSS一样，例如#frameCut,#frameInterrupt,#frameJoin 表示所有这些id使用一个规则。#mytable QPushButton 表示选择所有id为mytable的容器下面的QPushButton实例

回到顶部

QSS子控件

QSS的子控件实际上也是选择器的一种，因为这种选择器与CSS有一些不同，所以单独拿出来说，QSS的子控件选择器是应用在一些复合控件上的，典型的例如QComboBox，该控件的外观包含几个部分，一般情况下有一个矩形的外边框，右边有一个向下的箭头用于提示点击之后会有弹出下拉列表。例如：

QComboBox::drop-down { image: url(dropdown.png) }

上面的样式指定所有QComboBox的下拉箭头的图片为自定义的图片dropdown.png ::dropdown子控件选择器也可以与上面提到的选择器一起联合使用：

QComboBox#myQComboBox::drop-down { image: url(dropdown.png) }

指定id名为myQComboBox的QComboBox控件的下拉箭头的自定义图片，要注意的是子控件选择器实际上是选择复合控件中的一部分，也就是说对复合控件中的一部分应用样式，例如为QComboBox的下拉箭头指定图片，而不是为QComboBox本身指定图片。

QSS为很多复杂的复合控件提供了子控件的定义，以方便对这些复合控件的各个部分进行样式设置。限于篇幅，本文也不能将这些可用的子控件都列出来，在安装QtCreator之后自带的帮助中就有很详细的描述。

回到顶部

QSS伪状态

QSS的伪状态选择器实际上与CSS中的类似，是以冒号开头的一个选择表达式，例如:hover表示当鼠标经过时候的状态。他限制了当控件在某一种状态下的时候才能应用QSS规则，伪状态只能描述一个控件的状态，或者是一个复合控件中的子控件的状态，所以该伪状态选择器只能放在选择器的最后面，例如：

QComboBox:hover{background-color:red;}

该规则表示当鼠标经过QComboBox上面的时候，其背景颜色指定为红色，该伪状态 :hover描述的是QComboBox的状态。伪状态除了描述选择器选择的控件以外，还可以描述子控件选择器所选择的复合控件中的子控件的状态，例如：

QComboBox::drop-down:hover{background-color:red;}

表示当鼠标经过QComboBox的下拉箭头的时候，该下拉箭头的背景颜色变成红色。此外伪状态可以用一个感叹号表示否，例如:hover表示鼠标经过，而:!hover表示鼠标没有经过的状态。几个伪状态可以同时一起使用，例如：

QCheckBox:hover:checked { color: white }

指定一个当鼠标经过一个选中的QCheckBox的时候，设置其文字的前景颜色为白色。 QSS提供了很多的伪状态，一些伪状态只能用在特定的控件上，具体有哪些伪状态，在Qt的帮助里面有详细的列表，限于篇幅这里也不列出了。

回到顶部

QSS级联与冲突

QSS中的级联包含几个方面的概念，一个是当在同一个控件上应用两个不同的规则，那么应该应用哪一个规则的问题，也就是如何解决这种冲突。二个是在一个容器控件上设置的QSS规则会对容器里面的控件产生效果(这要取决于容器控件上设置的QSS规则是什么样的规则，如果容器控件上设置的QSS规则仅仅针对容器控件本身则该规则对子控件没有影响，如果该QSS规则里面有对子控件的设置，则自然会对子控件产生效果)，级联问题是解决当一个控件被层层父容器包裹，并且在每一层的父容器上都有对该控件的样式设置的时候，该控件的最终效果是合并这些父容器上的QSS效果。

冲突问题：

QPushButton#okButton { color: gray }``QPushButton { color: red }

这两条规则都会应用到名为okButton的按钮上，但是他们为同一个属性设置了不同的颜色，这会有冲突，那么要解决这样的冲突就必须考虑到选择器的特异性(这个词怎么理解，我理解为这个特异性为更加特殊，实际上CSS上用权重表示这里的特异性)，显然QPushButton#okButton仅仅针对对象名为okButton的控件有效果，而QPushButton却对所有的QPushButton的实例或者是其子类的实例有效果，显然QPushButton#okButton选择器更加特殊，也就是更具有特异性。所以最终okButton前景色被应用为灰色。如果两条规则的特异性一样，那么就选择放在后面的那一条。

另外如果一个选择器应用了伪状态，而另一个没有，那么应用了伪状态的选择器要更加特殊，例如：

QPushButton:hover { color: white }``QPushButton { color: red }

显然QPushButton:hover比单纯的QPushButton更加具有特异性。这两条规则表示当鼠标放在按钮上的时候文字是白色，其他情况下都是红色。如下面两个规则的特异性是一样的，那么应该是如何应用呢：

QPushButton:hover { color: white } ` `//如果鼠标经过则前景白色``QPushButton:enabled { color: red } ` `//如果按钮是enabled状态则前景红色

所以默认情况下前景文字是红色的，当鼠标经过的时候并不会变成白色，因为他们的特异性是一样的，所以选择后面的，也就是红色。那么换一下顺序会怎样呢：

QPushButton:enabled { color: red } ` `//如果按钮是enabled状态则前景红色``QPushButton:hover { color: white } ` `//如果鼠标经过则前景白色

当鼠标经过的时候，就变成白色的了，因为他们的特异性一样，所以选择后面的规则，也就是鼠标经过前景变成白色。如果把其中的一条的特异性增加，例如：

QPushButton:hover:enabled { color: white }``QPushButton:enabled { color: red }

那么第一条的特异性比第二条大，所以应用第一条的规则。另外一种特异性发生在类型选择器上：

QPushButton { color: red }  ` `//应用在所有的QPushButton上``QAbstractButton { color: gray } ` `//应用在所有的QAbstractButton上

而在类的继承结构上，QAbstractButton是QPushButton的父类，显然QPushButton更加具有特异性，所以QPushButton的前景颜色被应用为红色，而不是灰色。有没有一个办法来确定两条QSS规则的特异性大小呢，其实QSS使用的特异性的计算方法与CSS是一样的，详细可以参考CSS2的文档规范，这里还是简要的说明一下，特异性这个东西在CSS中一般被称为权重，权重越大的越优先使用，CSS的计算规则如下：

1.计算一条规则中id选择器的个数，假设存放在变量a中 2.计算一条规则中类选择器和属性选择器的个数，存放在变量b中 3.计算一条规则中的类型选择器的个数，存放在变量c中 4.忽略伪元素，对应QSS中的子控件

下面是具体的计算方法：

*       {} ` `/* a=0 b=0 c=0 -> specificity =  0 */``LI      {} ` `/* a=0 b=0 c=1 -> specificity =  1 */``UL LI     {} ` `/* a=0 b=0 c=2 -> specificity =  2 */``UL OL+LI   {} ` `/* a=0 b=0 c=3 -> specificity =  3 */``H1 + *[REL=up] {} ` `/* a=0 b=1 c=1 -> specificity = 11 */``UL OL LI.red  {} ` `/* a=0 b=1 c=3 -> specificity = 13 */``LI.red.level  {} ` `/* a=0 b=2 c=1 -> specificity = 21 */``#x34y    {} /* a=1 b=0 c=0 -> specificity = 100 */

上面的计算规则是CSS的计算规则，同样可以应用的QSS上。

关于级联：

QSS可以设置在QApplication上，也可以设置在一个部件的容器部件上，也可以设置在子孙部件上，一个部件最终使用的样式效果是合并了他的所有父容器，祖父容器等上面设置的所有样式的结果，这些设置会进行叠加。如果在级联过程中发生了冲突，例如部件本身指定的前景颜色为绿色，而其父亲容器为其指定的前景颜色为红色，此时就选择部件本身设置的样式效果。例如：

qApplication->setStyleSheet(` `"QPushButton { color: white }"` `);``myPushButton->setStyleSheet(` `"* { color: blue }"` `);

第一条语句表示在QApplication上设置QPushButton的样式，而第二条语句表示在myPushButton对象上设置样式。最终结果会将myPushButton的前景颜色设置为蓝色。级联效果主要应用在当一个控件的样式在多个容器控件上都有设置的时候，该控件的最终效果是这些所有容器控件上效果的合并。级联规则在CSS中本身也是一个复杂的主题，如果大家感兴趣，还是需要自己参考CSS2的规范文档，本节仅仅是抛装引玉。

另外一个要提到的是，QSS中似乎为父容器控件本身设置的样式，并不会被子控件继承，例如如果QFrame中有一个QPushButton控件，那么如下的语句：

ui->frame->setStyleSheet(` `"QFrame{ color: red; border:1px solid red }"` `);

该语句仅仅为QFrame设置前景颜色以及边框的效果并不会应用到其里面的QPushButton上，如果是下面的语句则都可以：

ui->frame->setStyleSheet(` `"QPushButton{ color: red; border:1px solid red }"` `);``ui->frame->setStyleSheet(` `"*{ color: red; border:1px solid red }"` `);

回到顶部

QSS实际应用中要注意的地方

在使用QSS的时候遇到过一些坑，看似简单，但是如果不知道的话，还是很折磨人的： <1>使用QSS设置边框无效，例如：

border:1px solid red; ` `//Ok``border:solid 1px red; ` `//Error``border:red 1px solid; ` `//Error``border:red solid 1px; ` `//Error

设置边框颜色和像素的时候，必须是第一种顺序，而CSS中是无所谓的，至于原因，我也不清楚，就是这么坑人。

<2> QSS设置宽高无效：在QSS中设置宽高必须要使用 min-width和min-height，max-width，max-height来设置，用width和height设置是没有任何效果的。

<3>QComboBox的样式设置的问题： QcomboBox是一个复杂的控件，QComboBox由3部分组成，一个是QComboBox的外框，里面有一个下拉按钮，这个按钮可以通过QComboBox::drop-down 来控制其位置，将其定义到QComboBox的左边而不一定是右边。另外在这个下拉按钮上面一般会有一个向下的箭头，这个箭头图像也是可以定制的，通过QComboBox::down-arrow来指定箭头的图像。

如果要控制QComboBox的弹出下拉列表的样式需要通过：

QComboBox QAbstractItemView {`` ` `//设置当点击下拉按钮之后弹出的下拉列表的样式，要注意的是这里的样式`` ` `//仅仅只能设置弹出的整个下拉列表范围的矩形的样式，不能设置下拉列表`` ` `//中的每一个下拉项的样式，例如不能设置每一个下拉项高度``}``QcomboBox{`` ` `//设置未弹出下拉列表的样式``}` `QComboBox QAbstractItemView::item {``//设置弹出下拉列表中的每一个下拉项的样式，这里的样式要想生效，必须先``//对QcomboBox做下面的设置``//QStyledItemDele

选择器

QSS选择器用于指定应该应用样式的Qt部件或控件。下面是一些关于QSS选择器的常见知识：

类选择器（Class Selector）：使用控件的类名作为选择器，类名以小写字母"Q"开头。例如，如果你想为所有QPushButton应用样式，可以使用类选择器"QPushButton"：

css

QPushButton {
    background-color: red;
}

ID选择器（ID Selector）：使用控件的objectName作为选择器。objectName应在代码中设置，通常使用setObjectName方法来指定。例如，如果你想为objectName为"myButton"的QPushButton应用样式，可以使用ID选择器"#myButton"：

css

#myButton {
    background-color: red;
}

通配符选择器（Universal Selector）：使用"*"作为选择器，会匹配所有部件。例如，你可以使用通配符选择器为所有部件设置默认样式：

css

* {
    font-size: 14px;
}

父子选择器（Parent-Child Selector）：使用空格分隔父控件和子控件，用于选择特定的控件层级关系。例如，下面的代码将为QFrame下所有QPushButton应用样式：

css

QFrame QPushButton {
    background-color: red;
}

请注意，父子选择器可以嵌套使用，以指定更具体的层级关系。

伪状态选择器（Pseudo-State Selector）：用于指定控件的伪状态，例如“hover”（鼠标悬停）和“checked”（选中）等。使用冒号":"后跟伪状态名称。例如，下面的代码将为鼠标悬停在QPushButton上时应用的样式（改变背景色）：

css

QPushButton:hover {
    background-color: blue;
}

这些是QSS选择器的一些常见用法。你还可以结合使用多个选择器来更精确地指定应该应用样式的部件。希望这些信息能够帮到你！如果有进一步的问题，请随时提问。

添加图片

要给一个widget类添加背景图片，可以按照以下步骤进行操作：

首先，保证Qt开发环境已经正确安装并设置好。
在widget类的头文件中引入QPixmap和QPalette类的头文件：

cpp

#include <QPixmap>
#include <QPalette>

在widget类的构造函数或者初始化函数中，创建一个QPixmap对象并加载需要设置为背景图片的图片文件：

cpp

QPixmap pixmap(":/path/to/image.png");

其中":/path/to/image.png"是图片文件的路径，可以是相对路径或绝对路径，也可以在Qt资源文件中使用qrc前缀来引用。

创建一个QPalette对象，并使用QPalette的setBrush()函数将QPixmap对象设置为背景的画刷：

cpp

QPalette palette;
palette.setBrush(this->backgroundRole(), QBrush(pixmap));

这里的this表示当前的widget类对象，也可以指定其他需要设置背景的widget对象。

最后，使用widget类的setPalette()函数将QPalette对象应用到widget对象上：

cpp

this->setPalette(palette);

或者使用widget类的setAutoFillBackground(true);函数开启自动填充背景颜色：

cpp

this->setAutoFillBackground(true);

这样，背景图片就成功地添加到了widget类中。

请注意，为了使背景图片适应widget的大小，可以根据需要调整QPixmap对象的大小或者在widget类的resizeEvent()函数中动态调整背景图片的大小。

QCheckBox

在 Qt 中，可以使用 QSS（Qt Style Sheets）来定义界面控件的样式，包括 QCheckBox（复选框）。下面是一些常用的 QSS 属性，可以用于定制 QCheckBox 的样式：

color: 设置复选框文本的颜色。
background-color: 设置复选框的背景颜色。
border: 设置复选框的边框样式。可以包括宽度、颜色和样式，比如 border: 1px solid black;。
padding: 设置复选框内容的填充大小，比如 padding: 2px;。
spacing: 设置复选框文本和图标之间的间距，比如 spacing: 4px;。
font: 设置复选框文本的字体样式，比如 font: italic 12px "Arial";。
icon: 设置复选框的图标，可以使用图片或者内置图标。可以通过 icon-size 属性来调整图标的大小。

下面是一个例子，展示如何使用 QSS 来自定义 QCheckBox 的样式：

cpp

QString qss = "QCheckBox {"
              "    color: red;"
              "    background-color: lightgray;"
              "    border: 1px solid black;"
              "    padding: 2px;"
              "    spacing: 4px;"
              "    font: italic 12px 'Arial';"
              "}" 
              "QCheckBox::indicator {"
              "    width: 12px;"
              "    height: 12px;"
              "    border: 1px solid black;"
              "}"
              "QCheckBox::indicator:checked {"
              "    image: url(checked.png);"
              "}";

QCheckBox* checkBox = new QCheckBox("My CheckBox");
checkBox->setStyleSheet(qss);

在上面的例子中，我们使用 QSS 定义了 QCheckBox 的样式。QCheckBox 的文本颜色设置为红色，背景颜色为浅灰色，边框宽度为1像素且颜色为黑色，填充大小为2像素，文本和图标之间的间距为4像素，文本字体样式为斜体，大小为12像素，字体为Arial。同时，我们定义了复选框的指示器（indicator）的样式，指示器的大小是12像素，边框颜色为黑色。当复选框被选中时，我们设置了一个自定义的图标（checked.png）。最后，通过调用 setStyleSheet 方法将定义好的 QSS 应用于 QCheckBox 控件。

这是一个简单的例子，你可以根据需要进一步定制 QCheckBox 的样式，包括各种状态下的样式变化。希望这些信息能对你有所帮助！

QPushButton

QPushButton {
    background-color: red;  /* 设置按钮的背景颜色为红色 */
    color: white;           /* 设置按钮的文本颜色为白色 */
    font-size: 16px;        /* 设置按钮文本的字体大小为16像素 */
    border: 2px solid blue; /* 设置按钮的边框为蓝色实线，宽度为2像素 */
    border-radius: 5px;     /* 设置按钮的圆角半径为5像素 */
    padding: 5px 10px;      /* 设置按钮内边距为5像素（垂直方向）和10像素（水平方向） */
}

qss如何修改QComboBox的样式

css

/* 未下拉时，QComboBox的样式 */
QComboBox {
    border: 1px solid gray;   /* 边框 */
    border-radius: 3px;   /* 圆角 */
    padding: 1px 18px 1px 3px;   /* 字体填衬 */
    color: #000;
    font: normal normal 15px "Microsoft YaHei";
    background: transparent;
}

/* 下拉后，整个下拉窗体样式 */
QComboBox QAbstractItemView {
    outline: 0px solid gray;   /* 选定项的虚框 */
    border: 1px solid yellow;   /* 整个下拉窗体的边框 */
    color: green;
    background-color: red;   /* 整个下拉窗体的背景色 */
    selection-background-color: lightgreen;   /* 整个下拉窗体被选中项的背景色 */
}

/* 下拉后，整个下拉窗体每项的样式 */
QComboBox QAbstractItemView::item {
    height: 50px;   /* 项的高度（设置pComboBox->setView(new QListView());后，该项才起作用） */
}

/* 下拉后，整个下拉窗体越过每项的样式 */
QComboBox QAbstractItemView::item:hover {
    color: #FFFFFF;
    background-color: lightgreen;   /* 整个下拉窗体越过每项的背景色 */
}

/* 下拉后，整个下拉窗体被选择的每项的样式 */
QComboBox QAbstractItemView::item:selected {
    color: #FFFFFF;
    background-color: lightgreen;
}

/* QComboBox中的垂直滚动条 */
QComboBox QAbstractScrollArea QScrollBar:vertical {
    width: 10px;
    background-color: #d0d2d4;   /* 空白区域的背景色*/
}

QComboBox QAbstractScrollArea QScrollBar::handle:vertical {
    border-radius: 5px;   /* 圆角 */
    background: rgb(160,160,160);   /* 小方块的背景色深灰lightblue */
}

QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {
    background: rgb(90, 91, 93);   /* 越过小方块的背景色yellow */
}

/* 设置为可编辑（setEditable(true)）editable时，编辑区域的样式 */
QComboBox:editable {
    background: green;
}

/* 设置为非编辑（setEditable(false)）!editable时，整个QComboBox的样式 */
QComboBox:!editable {
     background: blue;
}

/* 设置为可编辑editable时，点击整个QComboBox的样式 */
QComboBox:editable:on {
    background: green;
}

/* 设置为非编辑!editable时，点击整个QComboBox的样式 */
QComboBox:!editable:on {
     background: blue;
}

/* 设置为可编辑editable时，下拉框的样式 */
QComboBox::drop-down:editable {
    background: lightblue;
}

/* 设置为可编辑editable时，点击下拉框的样式 */
QComboBox::drop-down:editable:on {
    background: lightgreen;
}

/* 设置为非编辑!editable时，下拉框的样式 */
QComboBox::drop-down:!editable {
    background: lightblue;
}

/* 设置为非编辑!editable时，点击下拉框的样式 */
QComboBox::drop-down:!editable:on {
    background: lightgreen;
}

/* 点击QComboBox */
QComboBox:on {
}

/* 下拉框样式 */
QComboBox::drop-down {
    subcontrol-origin: padding;   /* 子控件在父元素中的原点矩形。如果未指定此属性，则默认为padding。 */
    subcontrol-position: top right;   /* 下拉框的位置（右上） */
    width: 15px;   /* 下拉框的宽度 */

    border-left-width: 1px;   /* 下拉框的左边界线宽度 */
    border-left-color: darkgray;   /* 下拉框的左边界线颜色 */
    border-left-style: solid;   /* 下拉框的左边界线为实线 */
    border-top-right-radius: 3px;   /* 下拉框的右上边界线的圆角半径（应和整个QComboBox右上边界线的圆角半径一致） */
    border-bottom-right-radius: 3px;   /* 同上 */
}　/* 越过下拉框样式 */　QComboBox::drop-down:hover {　　　background: yellow;　}/* 下拉箭头样式 */ QComboBox::down-arrow {　　width: 15px; /* 下拉箭头的宽度（建议与下拉框drop-down的宽度一致） */ 　　background: transparent; /* 下拉箭头的的背景色 */ 　　padding: 0px 0px 0px 0px; /* 上内边距、右内边距、下内边距、左内边距 */　　image: url(:/images/combobox_arrow_down.png); } /* 点击下拉箭头 */ QComboBox::down-arrow:on { 　　image: url(:/images/combobox_arrow_up.png); /* 显示上拉箭头 */ } 注意：int main(){　　QComboBox* pComboBox = new QComboBox(this);　　pComboBox->setView(new QListView());   //添加这句，设置下拉列表项高才能生效}

当使用C++编程语言和Qt框架来开发应用程序时，可以使用QSS（Qt样式表）来修改QComboBox（下拉列表框）的样式。QSS是一种基于CSS的语言，用于定义Qt控件的外观和行为。下面是一些可以修改QComboBox样式的常见属性：

修改下拉按钮的样式：使用QComboBox::down-arrow选择器可以修改下拉按钮的样式。例如，设置按钮的背景颜色为红色：
cpp
```
QComboBox::down-arrow {
    background-color: red;
}
```
1
2
3

   
1. 修改下拉列表的样式：
   使用`QComboBox::drop-down`选择器可以修改下拉列表的样式。例如，设置列表的背景颜色为蓝色：
   ```cpp
   QComboBox::drop-down {
       background-color: blue;
   }

修改选中条目的样式：使用QComboBox QAbstractItemView选择器可以修改下拉列表中选中条目的样式。例如，设置选中条目的背景颜色为绿色：
cpp
```
QComboBox QAbstractItemView {
    selection-background-color: green;
}
```
1
2
3
修改下拉列表中的条目样式：使用QComboBox QAbstractItemView::item选择器可以修改下拉列表中的条目样式。例如，设置条目的字体颜色为白色：
cpp
```
QComboBox QAbstractItemView::item {
    color: white;
}
```
1
2
3
修改下拉列表中鼠标悬停的条目样式：使用QComboBox QAbstractItemView::item:hover选择器可以修改下拉列表中鼠标悬停的条目样式。例如，设置鼠标悬停条目的背景颜色为黄色：
cpp
```
QComboBox QAbstractItemView::item:hover {
    background-color: yellow;
}
```
1
2
3

以上只是QComboBox样式修改的一些简单示例，你可以根据自己的需求进一步自定义，例如修改字体、边框等。可以将上述样式表应用于QComboBox，通过调用QComboBox::setStyleSheet方法将样式表字符串传递给QComboBox对象即可。

修改标题

在 Qt 中，你可以使用 QWidget::setWindowTitle() 方法来设置窗口的标题。这个方法接受一个字符串参数，用于指定标题的文本。例如，你可以这样设置窗口的标题：

cpp

widget->setWindowTitle("My Window Title");

如果你想设置窗口的标题图标，可以使用 QWidget::setWindowIcon() 方法。这个方法接受一个 QIcon 对象作为参数，用于设置窗口的图标。QIcon 类提供了多种创建图标的方式，例如从文件、资源或 QPixmap 中创建。以下是一个使用文件路径创建图标的示例：

cpp

QIcon icon("path/to/icon.png");
widget->setWindowIcon(icon);

请确保在设置图标之前已经创建了窗口对象 widget。

如果你想在 Qt Designer 中设置窗口的标题或图标，可以按照以下步骤进行操作：

选中窗口控件。
在属性编辑器中找到 "windowTitle" 属性，并设置所需的标题文本。
在属性编辑器中找到 "windowIcon" 属性，并设置所需的图标。

希望这个回答对你有帮助。如果还有其他问题，请随时提问！

setWindow相关api

下面是和 QWidget 类或其子类相关的一些常用的 API 方法，用于设置窗口的属性和特性：

QWidget::setWindowTitle(const QString& title)：设置窗口的标题。
QWidget::setWindowIcon(const QIcon& icon)：设置窗口的图标。
QWidget::setWindowFlags(Qt::WindowFlags flags)：设置窗口的标志和行为。Qt::WindowFlags 参数可以指定窗口的类型、标题栏的显示方式、是否可调整大小等。常见的标志有：Qt::Window、Qt::Dialog、Qt::Tool、Qt::WindowTitleHint、Qt::WindowCloseButtonHint 等。
QWidget::setWindowModality(Qt::WindowModality modality)：设置窗口的模态模式。可以设置为 Qt::NonModal（非模态）、Qt::WindowModal（应用程序模态）或 Qt::ApplicationModal（系统模态），以决定窗口是否接受用户输入。
QWidget::setWindowState(Qt::WindowState state)：设置窗口的状态，例如最大化、最小化、激活等。
QWidget::setFixedSize(int width, int height) 或 QWidget::setFixedSize(const QSize& size)：设置窗口的固定尺寸，禁止用户调整大小。
QWidget::setWindowOpacity(qreal opacity)：设置窗口的不透明度，接受一个介于 0.0（完全透明）和 1.0（完全不透明）之间的浮点数。
QWidget::setAttribute(Qt::WidgetAttribute attribute, bool on)：设置窗口的属性。Qt::WidgetAttribute 参数可用于指定窗口的一些特殊行为，例如是否接受焦点、是否支持透明等。常见的属性有：Qt::WA_DeleteOnClose、Qt::WA_ShowModal、Qt::WA_ShowWithoutActivating 等。

这些方法可以通过调用窗口对象（QWidget 或其子类的实例）的方式来使用。请注意，有些属性可能只对顶级窗口（例如 QMainWindow）有效。

css

background-image: url(:/images/background.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;

css

当使用QSS设置背景图片时，`background-repeat`属性用于指定背景图片的重复方式。下面是`background-repeat`属性的详细说明：

1. `background-repeat: repeat;`：背景图片在水平和垂直方向上都会以平铺方式进行重复。当widget的尺寸小于背景图片的尺寸时，图片会被裁剪以适应widget的大小。

2. `background-repeat: no-repeat;`：背景图片在水平和垂直方向上不会重复。图片将以其原始尺寸完整地显示在widget的背景中心。

3. `background-repeat: repeat-x;`：背景图片会在水平方向上以平铺方式进行重复，而在垂直方向上不重复。这意味着图片会沿widget的宽度重复。当widget的高度小于背景图片的高度时，图片会被裁剪以适应widget的高度。

4. `background-repeat: repeat-y;`：背景图片会在垂直方向上以平铺方式进行重复，而在水平方向上不重复。这意味着图片会沿widget的高度重复。当widget的宽度小于背景图片的宽度时，图片会被裁剪以适应widget的宽度。

另外，QSS中的`background-repeat`属性还可以使用以下两个值，实现更复杂的背景图片重复效果：

5. `background-repeat: space;`：背景图片会以平铺方式进行重复，直到占满整个widget的背景区域。如果图片大小无法整除widget的大小，那么会在图片之间添加间隔，以填充剩余的空间。

6. `background-repeat: round;`：背景图片会以平铺方式进行重复，并将图片按比例调整，以填充整个widget的背景区域。如果图片大小无法整除widget的大小，那么图片会被缩放以适应。

通过调整`background-repeat`属性的值，你可以自定义背景图片在widget中的重复方式。根据你的需求，选择适合的值即可达到你想要的视觉效果。

希望以上解答对你有帮助！如果你还有其他问题，请随时提问。

csdn某笔记 ​

什么是QSS ​

QSS在Qt程序中的使用办法 ​

QSS的语法规则 ​

QSS的选择器类型 ​

QSS子控件 ​

QSS伪状态 ​

QSS级联与冲突 ​

QSS实际应用中要注意的地方 ​

选择器 ​

添加图片 ​

QCheckBox ​

QPushButton ​

qss如何修改QComboBox的样式 ​

修改标题 ​

setWindow相关api ​

给widget设置图片背景 ​

csdn某笔记

什么是QSS

QSS在Qt程序中的使用办法

QSS的语法规则

QSS的选择器类型

QSS子控件

QSS伪状态

QSS级联与冲突

QSS实际应用中要注意的地方

选择器

添加图片

QCheckBox

QPushButton

qss如何修改QComboBox的样式

修改标题

setWindow相关api

给widget设置图片背景