partially update default stylesheet

tech032142

I am on macOS Sonoma with Qt 6.9.3,

the first image is untouched no setStyleSheet calls, the other one is after setting styles

My question is :
setStyleSheet resets all style rules how do I preserve everything and just change the border color ?

I also tried

"QGroupBox { border : 2px solid #CCCCCC}"

I am extending QGroupBox in that class by the way

New Project.jpg

Christian Ehrlicher

@tech032142 said in partially update default stylesheet:

setStyleSheet resets all style rules how do I preserve everything and just change the border color ?

You have to do it by yourself

JonB

@tech032142 said in partially update default stylesheet:

setStyleSheet resets all style rules how do I preserve everything and just change the border color ?

setStyleSheet(styleSheet() + borderStyle);

is not fool proof but may be sufficient. You may want to be a bit cleverer about replacing what is already there if this method will be called repeatedly.

I also tried

"QGroupBox { border : 2px solid #CCCCCC}"

And what was wrong with that? Put in a style sheet on e.g. the app rather than directly on the tab widget if you think that will have its own explicit stylesheet.

tech032142

@JonB didn't work qDebug() << styleSheet(); logs
"" (empty string)
after I do
setStyleSheet(styleSheet() + borderStyle);
it logs
"border : 2px solid #CCCCCC;"

JonB

@tech032142
Yes that is what it was supposed to do.... Preserve whatever was there --- which this time was apparently nothing --- and add the border, just as you asked for.

tech032142

@JonB yeah, I asked to preserve but shouldn't it return the default styles when I do styleSheet() ? it just returns "" and when I do setStyleSheet it basically resets everything how is that preserving ? I don't any custom styles applied to QGroupBox and I just need to change the border color that's it

JonB

@tech032142
I do not understand what your question or problem is. I tried to answer what you asked for, supplementing @Christian-Ehrlicher's reply to show how you could add to whatever might already be there.

I believe if you place anything on an explicit stylesheet on a widget it might lose whatever default styling it gets from your overall style. I don't know whether you are asking about that.

You could avoid changing/setting the stylesheet on the tab widget if you had your QGroupBox { border : 2px solid #CCCCCC} in the global app stylesheet.

Your picture just seems to show the border being set on all elements which have a border? What are the sub-elements? Are they QGroupBox too?

tech032142

let me detail my problem so as you can see in the screenshot only border style applied it did reset the background color, border radius but I want to keep those the same , only change the border color , @Christian-Ehrlicher said "You have to do it by yourself", how do I do it ? how do I get to know the default styles for QGroupBox? styleSheet() returns "" , ty for helping me by the way

JonB

@tech032142 said in partially update default stylesheet:

how do I get to know the default styles for QGroupBox? styleSheet() returns "" , ty for helping me by the way

You don't, it's not available.

Now that I understand what you want, which I did not before!

I just need to change the border color that's it

See https://doc.qt.io/qt-6/stylesheet-reference.html#border

Shorthand notation for setting the widget's border. Equivalent to specifying border-color, border-style, and/or border-width.

and use https://doc.qt.io/qt-6/stylesheet-reference.html#border-color to set just the color.

tech032142

@JonB interesting but they both do not work
setStyleSheet("QGroupBox { border-color: white; }");
setStyleSheet("border-color: white;");

even tho docs say (https://doc.qt.io/qt-6/stylesheet-reference.html#border-color)

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

JonB

@tech032142
I have now had a chance to try your stuff out.

I concur that you cannot set e.g. border-color on its own. It only works if you specify border-width & border-style as well, as in the example in the docs, though that does not mention this. Which is pretty crappy :(

I realise that puts you back in the plain border situation, where you don't know what to pass for the other values. I tried both auto and default for those, which I thought I found worked elsewhere in something I did, but again no border shown. Googling for qt change border color only got me nothing useful and all examples use border or all 3 individual attributes with explicit values.

Seems pretty disappointing to me, your objective is very reasonable. You might post a "bug" to the Qt bug tracker if you wish, but looks like you are stuck with this.

P.S.
I have gone typed in a detailed query to ChatGPT as follows:

Another Qt widgets question. I want to apply a stylesheet which changes a widget's border-color alone, leaving the width and style unchanged. I tried e.g. setStylesheet("border-color: red") but this does not change the color. It seems you just either specify all 3 of border-color, border-style and border-width, or use the border attribute with all 3 specified. This is no good, as I only want to change the color and do not know what values to pass in for the other attributes, I want them to remain as whatever they are and only change the color. Any ideas?

It then writes an essay in response including:

Excellent question — and you’ve hit on one of the annoying limitations of Qt Style Sheets (QSS):

🎯 You cannot change only part of a shorthand property (like border) without re-specifying the others.

Let’s unpack this and see what you can do.

Why border-color alone doesn’t work

Qt doesn’t merge this with the existing style; it replaces it.
The style engine basically reinterprets all style rules for the widget from scratch — and since no border-style or border-width is defined, Qt considers the border as “not drawn”.

So unless all three are specified, you won’t see a border at all.

3 of the 5 options it presented basically say the same as I did --- you cannot get the existing values to use when you must specify all 3! Which only leaves:

Option 3: Use a QPalette instead

If your goal is just to change the color of something border-like (e.g. a line edit’s frame), sometimes you can control that through the palette rather than QSS:

QPalette p = widget->palette();
p.setColor(QPalette::Highlight, Qt::red);
widget->setPalette(p);

This won’t always affect borders (depends on the widget and style), but it’s more “cooperative” with the existing style.

Option 5: Custom painting

If you really must have runtime dynamic borders independent of QSS merging behavior, you can subclass the widget and override paintEvent(), painting your own border with QPainter::setPen(QColor(...)).
This gives full control but is heavier.

And btw, when I further asked as an example

QFrame widget and no stylesheet of my own, so system style where I only want to change the color and preserve the other attributes

It came back with

Perfect — that makes it clearer 👍

So, you’ve got a plain QFrame (using the system or Fusion style, no custom QSS), and you just want to change the border color — keeping the system border’s width and style exactly as they are.

Here’s the key point:

Qt’s built-in (non-stylesheet) drawing of QFrame borders is controlled entirely by its frame shape and shadow, not by stylesheet borders.

That means:

QFrame doesn’t actually use border-color at all unless you give it a full QSS-defined border.

The border you see from setFrameShape(QFrame::Box) or similar comes from the QStyle, not from border: in CSS.

As soon as you apply any stylesheet that mentions border, you override the QStyle-based border completely — losing its width, sunken/raised shadow effect, etc.

And then confirmed that the only way to do this is via your own painting:

Clean, working solution: subclass and paint the border color yourself

Here’s how you can keep the system border’s width/style but recolor it:

#include <QFrame>
#include <QPainter>

class ColorFrame : public QFrame
{
Q_OBJECT
public:
explicit ColorFrame(QWidget *parent = nullptr)
: QFrame(parent), m_borderColor(Qt::red) {}
void setBorderColor(const QColor &color)
{
    m_borderColor = color;
    update();
}
protected:
void paintEvent(QPaintEvent *event) override
{
// Let QFrame draw its normal frame (style-dependent)
QFrame::paintEvent(event);
    // Then draw a colored overlay matching the frame rect
    QPainter p(this);
    p.setRenderHint(QPainter::Antialiasing, false);

    QPen pen(m_borderColor);
    pen.setWidth(frameWidth()); // use QFrame’s existing width
    p.setPen(pen);
    p.setBrush(Qt::NoBrush);
    p.drawRect(rect().adjusted(frameWidth()/2, frameWidth()/2,
                               -frameWidth()/2, -frameWidth()/2));
}
private:
QColor m_borderColor;
};

Usage:

ColorFrame *f = new ColorFrame;
f->setFrameShape(QFrame::Box);
f->setBorderColor(Qt::red);

✅ This approach:

Preserves the system’s QStyle-drawn frame shape & width.

Only overlays a color tint on the same border region.

Doesn’t interfere with QSS, palettes, or shadows.

💡 Alternative: draw only the colored border (no system one)

If you don’t care about keeping the 3D “sunken/raised” look:

frame->setStyleSheet("border: 1px solid red;");

That’s simpler but replaces the native frame entirely.

🧭 Bottom line

You cannot change just border-color on a system-style QFrame via QSS.

To truly preserve system width/style and only recolor, you must draw it yourself (as above).

Qt Style Sheets are not additive with system style — they replace it.

Qt’s stylesheet system looks like CSS, but it’s really a kind of “all-or-nothing skinning layer.” Once you touch any border property, you’ve opted out of the native style drawing for that element.

Your instincts were exactly right: if you only want to tweak one aspect (like color) and keep everything else system-driven, you either need to subclass and paint, or structure your styles so that you always specify the complete border: shorthand.

Which btw confirms what I tend to find with ChatGPT --- it tells you about the same as you can find out yourself with judicious Googling, not much else... :)

Hopefully the above/this rather long answer will be of use to anyone else who wishes to achieve this in the future.

tech032142

@JonB I ended up going with a custom stylesheet, I understand that qss does not exactly work like css but why the background color changes when I change the border styles :) , it feels like setStyleSheet just drops all the defaults when called , anyways thank you for your help

Chris Kawa

@tech032142 The widget uses your default platform style, which often draws the border and background with some OS provided images or brushes. When you call setStyleSheet you're changing the style of your widget to Qt's StylesheetStyle, so you're no longer using the platform style on any parts of the widget. In some cases, if platform style allows it, Qt can apply the qss style to just some elements without completely replacing the style, but that is not the case for border (often text color and such, but it differs on different platforms and is not portable).

JonB

@Chris-Kawa said in partially update default stylesheet:

if platform style allows it, Qt can apply the qss style to just some elements without completely replacing the style, but that is not the case for border (often text color and such, but it differs on different platforms and is not portable).

Yes, but I never know which things can be changed without losing native styling and which cannot.

Christian Ehrlicher

@JonB said in partially update default stylesheet:

Yes, but I never know which things can be changed without losing native styling and which cannot.

Because this depends on the underlying style which defines what can be changed and what not without breaking the rest.

JonB

@Christian-Ehrlicher
I understand that, but as a dev I don't know which they are and which not. Just saying. At least that explains why sometimes you can make a change without breaking windowing style and sometimes you lose it.

tech032142

@Chris-Kawa It makes more sense now, i couldn't find this in the docs maybe I missed it ?

Christian Ehrlicher

@JonB said in partially update default stylesheet:

At least that explains why sometimes you can make a change without breaking windowing style and sometimes you lose it.

Correct - it sometimes depends even on the underlying style.

SimonSchroeder

@tech032142 said in partially update default stylesheet:

how do I preserve everything and just change the border color ?

This is general problem with stylesheets: You don't.

My personal experience (where it is most obvious) is the following: On Windows, by default, the "Ok" and "Cancel" buttons in a dialog have the same width. However, once you apply any stylesheet the "Ok" buttons is smaller than the "Cancel" button because the text is shorter. Applying any stylesheet at all will mess with several aspects of layouts and designs. Still, there is no better general options than to use stylesheets.

@JonB said in partially update default stylesheet:

Yes, but I never know which things can be changed without losing native styling and which cannot.

In a perfect world we could just adapt the palette instead of setting a stylesheet (at least for color). It's not gonna happen.

JonB

@SimonSchroeder
I come from an HTML/CSS background. And therefore web pages/elements, not native windowing system ones. In the former I have no trouble adjusting any individual element style attribute, and if I need to I can read back existing attribute values e.g. from JavaScript. I realise this is not the same for Qt/QSS, which is trying to do some CSS against non-CSS-HTML windowing widgets, but that is where it gets "complicated/disappointing" to my experience/expectations.