Qt 4: How to set outer border for QWidget so that its inner widgets are unaffected?

css qt stylesheet qtstylesheets
Violet Giraffe picture Violet Giraffe · Oct 25, 2011 · Viewed 20.9k times · Source

I have quite a strange problem. I have a QWidget with QHBoxLayout on it. The layout contains two QLabels. I want to set a border for this whole widget. I'm using style sheet:

 "padding: 10px;"
 "border-style: solid;"
 "border-width: 3px;"
 "border-radius: 7px;"

But here's the problem: this style is applied to both QLabels and completely breaks the layout. I only need the outer window to have the border, not the labels. Any ideas?

Thanks in advance!

Answer

Kamil Klimek picture Kamil Klimek · Oct 25, 2011

Use

.QWidget
{
    // your css rules
}

.QWidget will apply CSS only to classes that are EXACTLY QWidget and not inheriting QWidget

You can also use object name selector

#YourWidgetObjectName
{
    // your css rules
}

Both solutions wont apply rules to other widgets (even those inside)

Related questions

How to style QPushButton's checked state to remove grey dots?

I am using Qt 5.3.0. When I apply some background-color on the QPushButton's checked state, the button will be filled with grey dots (over the background color I wanted) when it is checked. Here is a tiny test program (with qtcreator …

Read More
“text-overflow” for a QLabel’s text rendering in QT

I have got a QLabel element in a widget which can be resized. The text can overflow boundaries, so I need, for the application to look more elegant, some way to make the text generate an ellipsis (...) after the last …

Read More
Styling QML without manually marking each property to be styled

I know that QML does not support CSS styling like widgets do, and I have read up on alternative approaches to styling/theming: https://qt-project.org/wiki/QmlStyling http://www.slideshare.net/BurkhardStubert/practical-qml-key-navigation/34 Common for these approaches is that …

Read More