How to use stylesheet to customize handle of QSlider on MacOS

qt stylesheet handle qt4.7 qslider
Royt picture Royt · Apr 25, 2012 · Viewed 8.6k times · Source

On MacOS 10.6, the default handle of QSlider is a ball, if a QSlider has ticks, then the handle changes its appearence (one side arrow shape), I want this kind of handle, but I don't like the ticks Qt provides. So, I'd like to store that picture of handle as qrc resource and use stylesheet to customize the look of qslider. That's the only way I can figure out.

Could anyone tell me how to write the style sheet, I mean that everything keep the same but only the handle changes.

BTW, there's another question. For a default QSlider on MacOS, the handle can't reach to the most left and most right position of the groove, how to use stylesheet to adjust it?

Answer

Kamil Klimek picture Kamil Klimek · Apr 25, 2012

You must change entire QSlider to manage such things. Otherwise it will fallback into default Mac OS X painting style. So you must change border and background of QSlider and handle itself. Take a look at this example

Related questions

Using Hover and Pressed stylesheet Qt

I used this in my button pushButton stylesheet QPushButton#pushButton { background-color: yellow; } QPushButton#pushButton:pressed { background-color: rgb(224, 0, 0); } QPushButton#pushButton:hover { background-color: rgb(224, 255, 0); } when I hover my mouse over it, it changes color, like I expect it to , But the hover …

Read More
Set QGroupBox title font size with style sheets

I would like to be able to set the font size of the title of a QGroupBox using style sheets. I can't seem to figure it out. Based on what I've read here, I've come up with the following code. …

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

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: 7…

Read More