I'm styling a QLineEdit to have rounded borders for use as a search box. The rounding of the borders themselves were easy, but I can't figure out for the life of me how to round the highlighted portion of the widget when it has focus. I've tried QLineEdit::focus, but this only modifies the interior border. The images below show how the illusion of a rounded qlineedit is lost when it gains focus.
QListView, QLineEdit {
color: rgb(127, 0, 63);
selection-color: white;
border: 2px groove gray;
border-radius: 10px;
padding: 2px 4px;
}
QLineEdit:focus {
color: rgb(127, 0, 63);
selection-color: white;
border: 2px groove gray;
border-radius: 10px;
padding: 2px 4px;
}
QLineEdit:edit-focus {
color: rgb(127, 0, 63);
selection-color: white;
border: 2px groove gray;
border-radius: 10px;
padding: 2px 4px;
}
Images with and without focus:
On the Mac:
widget.setAttribute(Qt::WA_MacShowFocusRect, 0);
should work, see this answer. Otherwise you will have to subclass QStyle
and remove the drawing of the focus rectangle there. See Nokia FAQ 736 (How to avoid drawing focus rect)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With