子控提供了訪問(wèn)子子元素的功能， 例如通常的時(shí)候一個(gè)按鈕將會(huì)管理一個(gè)菜單，

QPushButtON#evilButton::menu-indicator {

image: url(myindicator.png);

}

同時(shí)如果美化一個(gè)按鈕的話， 那么將可以通過(guò)定位符來(lái)確定美化按鈕的路徑， 通?？梢允且粋€(gè)圖片。

QPushButton::menu-indicator {

image: url(myindicator.png);

subcontrol-position: right center;

subcontrol-origin: padding;

left: -2px;

}

經(jīng)過(guò)以上的設(shè)置那么QPushButton 將會(huì)在方格的中心顯示一個(gè)myindicator.png 的圖片。

復(fù)雜的選擇區(qū)域的例子：

當(dāng)應(yīng)對(duì)于一個(gè)用戶可可編輯可輸入的部件的時(shí)候， 將需要設(shè)計(jì)到用戶選擇區(qū)域的顏色設(shè)置， 與類型設(shè)置， 下面將通過(guò)使用QLineEdit 部件來(lái)進(jìn)行演示：

QLineEdit { color: red }

QLineEdit{color:red}

QLineEdit[readOnly="true"]{color:gray}

在團(tuán)隊(duì)開(kāi)發(fā)的時(shí)候， 需要設(shè)計(jì)到不同顏色的設(shè)置， 或者說(shuō)不同類型的設(shè)置， 那么就需要在樣式編輯當(dāng)中有多種選擇， 將不需要的那部分， 注釋掉：

QLineEdit { color: red }

QLineEdit[readOnly="true"] { color: gray }

#regiSTrationDialog QLineEdit { color: brown }

自定義制定的部件

這個(gè)部分提供了一些自定義特殊部件的某種樣式

定制QAbstractScrollArea

比如說(shuō)一些QAbstractScrollArea 類， 例如 QTextEdit 與QTextBrowser . 同時(shí)可以使用后臺(tái)的屬性來(lái)進(jìn)行設(shè)置。 例如來(lái)設(shè)置一個(gè) 背景圖片。

QTextEdit, QListView {

background-color: white;

background-image: url(draft.png);

background-attachment: scroll;

}

下面的代碼是讓背景圖片與可瀏覽的區(qū)域大小相同：

QTextEdit, QListView {

background-color: white;

background-image: url(draft.png);

background-attachment: fixed;

}

給QCheckBox 做樣式

QCheckBox 與QRadioButton 具有想色的屬性， 他們之間的不同時(shí)QCheckBox是返回當(dāng)前的狀態(tài)：

QCheckBox {

spacing: 5px;

}

QCheckBox::indicator {

width: 13px;

height: 13px;

}

QCheckBox::indicator:unchecked {

image: url(:/images/checkbox_unchecked.png);

}

QCheckBox::indicator:unchecked:hover {

image: url(:/images/checkbox_unchecked_hover.png);

}

QCheckBox::indicator:unchecked:pressed {

image: url(:/images/checkbox_unchecked_pressed.png);

}

QCheckBox::indicator:checked {

image: url(:/images/checkbox_checked.png);

}

QCheckBox::indicator:checked:hover {

image: url(:/images/checkbox_checked_hover.png);

}

QCheckBox::indicator:checked:pressed {

image: url(:/images/checkbox_checked_pressed.png);

}

QCheckBox::indicator:indeterminate:hover {

image: url(:/images/checkbox_indeterminate_hover.png);

}

QCheckBox::indicator:indeterminate:pressed {

image: url(:/images/checkbox_indeterminate_pressed.png);

}