0

У меня есть выпадающий список и я хочу чтобы он был например желтым цветом, а он наследует стиль главного окна т.е. красный, как изменить цвет самого выпадающего списка?

import sys
from PyQt5 import QtWidgets

class Main(QtWidgets.QWidget):
    def __init__(self):
        super(Main, self).__init__()

        self.setStyleSheet('background-color: red;')

        sheets = [str(i) for i in range(1, 10)]

        combo = QtWidgets.QComboBox()
        combo.addItems(sheets)

        layout = QtWidgets.QVBoxLayout()
        layout.addWidget(combo)
        self.setLayout(layout)


StyleSheet = """ 
QComboBox {
    border: 1px solid gray;
    border-radius: 3px;
    padding: 1px 18px 1px 3px;
    min-width: 6em;
}
QComboBox QAbstractItemView {
    border: 2px solid darkgray;
    selection-background-color: lightgray;
}

"""

if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    app.setStyleSheet(StyleSheet)
    main = Main()
    main.show()
    sys.exit(app.exec_())

1 ответ 1

1

Можно изменить стиль окна таким образом (указать имя класса для которого устанавливается стиль):

self.setStyleSheet('Main { background-color: red; }')

Тогда в StyleSheet для QComboBox QAbstractItemView добавьте background-color: yellow:

StyleSheet = """

QComboBox {
    border: 1px solid gray;
    border-radius: 3px;
    padding: 1px 18px 1px 3px;
    min-width: 6em;
}
QComboBox QAbstractItemView {
    border: 2px solid darkgray;
    selection-background-color: lightgray;
    background-color: yellow;
}
"""

Также можно удалить в конструкторе стиль окна и перенести его в StyleSheet:

StyleSheet = """

Main {
    background-color: red;
}

QComboBox {
    border: 1px solid gray;
    border-radius: 3px;
    padding: 1px 18px 1px 3px;
    min-width: 6em;
}
QComboBox QAbstractItemView {
    border: 2px solid darkgray;
    selection-background-color: lightgray;
    background-color: yellow;
}

"""
3
  • Спасибо большое!
    – Tesla
    11 янв 2022 в 8:42
  • а подскажите как увеличить расстояние между элементами в выпадающем списке?
    – Tesla
    11 янв 2022 в 8:51
  • @Tesla это уже другой вопрос )) 11 янв 2022 в 9:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.