PyQt5 - Adding border to the editable ComboBox

PyQt5 - Add border to editable on state ComboBox

Last Updated : 04 May, 2020

In this article we will see how we can add border to the editable combo box when it is in on state. ON state is basically when the combo box list view is open. This customized border appear only when combo box will be in on state and is editable. Editable combo box can be created with the help of setEditable method. In order to do this we have to change the style sheet associated with the combo box, below is the style sheet code

QComboBox::editable:on
{
border : 3px solid blue;
}

Below is the implementation

Python3 1==

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys


class Window(QMainWindow):

    def __init__(self):
        super().__init__()

        # setting title
        self.setWindowTitle("Python ")

        # setting geometry
        self.setGeometry(100, 100, 600, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()

    # method for widgets
    def UiComponents(self):

        # creating a combo box widget
        self.combo_box = QComboBox(self)

        # setting geometry of combo box
        self.combo_box.setGeometry(200, 150, 150, 30)

        # making combo box editable
        self.combo_box.setEditable(True)

        # geek list
        geek_list = ["Sayian", "Super Sayian", "Super Sayian 2", "Super Sayian B"]

        # adding list of items to combo box
        self.combo_box.addItems(geek_list)

        # editing style sheet code of combo box
        # adding border to the combo box when it is editable
        # and is in ON state
        self.combo_box.setStyleSheet("QComboBox::editable:on"
                                     "{"
                                     "border : 3px solid red;"
                                     "}")


# create pyqt5 app
App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())

Output :

After clicking on combo box

PyQt5 - Adding border to the editable ComboBox

R

rakshitarora

Improve

Article Tags :

Practice Tags :

python

Similar Reads

PyQt5 - Add border to non-editable on state ComboBox

In this article we will see how we can add border to the non-editable combo box when it is in on state. ON state is basically when the combo box list view is open. This customized border appear only when combo box will be in on state and is non-editable. In order to do this we have to change the sty

PyQt5 - Adding border to editable off state ComboBox

In this article we will see how we can add border to the editable combo box when it is in off state. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state and is editable. Editable combo box can be created with the hel

PyQt5 - Adding border to non-editable off state ComboBox

In this article we will see how we can add border to the non-editable combo box when it is in off state. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state and is non-editable. In order to do this we have to change

PyQt5 - Adding border to the editable ComboBox

In this article we will see how we can add border to the combo box when it is editable. By default combo box have border although we can change the border, combo box with customized border will only appear when it is editable. Editable combo box can be made with the help of setEditable method. In or

PyQt5 - Adding border to non-editable ComboBox

In this article we will see how we can add border to the combo box when it is non editable. By default combo box have border although we can change the border, combo box with customized border will only appear when it is non editable. By default combo box is non editable although editable combo box

PyQt5 - Add border to editable off state ComboBox when pressed

In this article we will see how we can add border to the editable combo box when it is in off state and get pressed. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state and is editable and it is pressed Editable comb

PyQt5 - Adding border to OFF state ComboBox

In this article we will see how we can add border to the combo box when it is in off state. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state. In order to do this we have to change the style sheet associated with t

PyQt5 - Add border to editable off state ComboBox when mouse hover

In this article we will see how we can add border to the editable combo box when it is in off state and mouse hover over it. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state and is editable and mouse hover over it

PyQt5 â€“ Add border to non-editable ComboBox when pressed

In this article we will see how we can add border to the combo box when it is non-editable and when it get pressed. By default combo box have border although we can change the border, combo box with customized border will only appear when it is non-editable and it is pressed. In order to do this we

PyQt5 â€“ Add border to editable ComboBox when pressed

In this article we will see how we can add border to the combo box when it is editable and when it get pressed. By default combo box have border although we can change the border, combo box with customized border will only appear when it is editable and it is pressed. Editable combo box can be made