Styling QPushButton in PyQt with Style Sheets

PyQt is a set of Python bindings for the Qt application framework and runs on all platforms supported by Qt, which includes Windows, MacOS, and Linux. One of the features of PyQt is the ability to customize the style of GUI elements using style sheets. In this tutorial, we will focus on customizing the style of QPushButton using style sheets.

To get started, you will need to have PyQt installed on your system. You can install PyQt using pip by running the following command:

pip install pyqt5

Once you have PyQt installed, you can start customizing the style of QPushButton using style sheets. The style sheet for QPushButton follows the same syntax as CSS, with a few differences. Here’s a basic example of a style sheet for a QPushButton:

QPushButton {
    background-color: #FF5733;
    color: white;
    font-family: Arial;
    font-size: 16px;
    border: 2px solid #FF5733;
    border-radius: 5px;
}

QPushButton:hover {
    background-color: #FF8147;
    border-color: #FF8147;
}

QPushButton:pressed {
    background-color: #D63200;
}

In this example, we have customized the background color, text color, font family, font size, border color, border radius, and hover and pressed states for the QPushButton.

To apply the style sheet to a QPushButton in your PyQt application, you can use the setStyleSheet method. Here’s an example of how to create a QPushButton with a custom style sheet:

import sys
from PyQt5.QtWidgets import QApplication, QPushButton

app = QApplication(sys.argv)

button = QPushButton("Click me")
button.setStyleSheet("""
    QPushButton {
        background-color: #FF5733;
        color: white;
        font-family: Arial;
        font-size: 16px;
        border: 2px solid #FF5733;
        border-radius: 5px;
    }

    QPushButton:hover {
        background-color: #FF8147;
        border-color: #FF8147;
    }

    QPushButton:pressed {
        background-color: #D63200;
    }
""")

button.show()
sys.exit(app.exec_())

When you run this code, you should see a QPushButton with the custom style that we defined in the style sheet. You can further customize the style of the QPushButton by adding more properties to the style sheet or by creating different styles for different QPushButton instances.

In conclusion, PyQt style sheets provide a powerful way to customize the appearance of GUI elements in your PyQt applications. By following the syntax of CSS and using the setStyleSheet method, you can easily create custom styles for QPushButton and other Qt widgets. Experiment with different properties and values to create beautiful and unique styles for your PyQt applications.