<![CDATA[How to set QSlider::handle to round ?]]>Why my handle is an ellipse, I want a circle handle.

setStyleSheet("QSlider::sub-page:Horizontal { background-color: #9F2425; }"
              "QSlider::add-page:Horizontal { background-color: #333333; }"
              "QSlider::groove:Horizontal { background: transparent; height:4px; }"
              "QSlider::handle:Horizontal { width:10px; border-radius:5px; background:#9F2425; margin: -5px 0px -5px 0px; }");

替代文字

]]>https://forum.qt.io/topic/87256/how-to-set-qslider-handle-to-roundRSS for NodeMon, 10 Aug 2026 01:36:41 GMTMon, 29 Jan 2018 02:30:52 GMT60<![CDATA[Reply to How to set QSlider::handle to round ? on Mon, 29 Jan 2018 12:50:03 GMT]]>@sonichy,

Just adjust width and radius of slider handle
width 11px; radius:5px;

]]>https://forum.qt.io/post/439128https://forum.qt.io/post/439128Mon, 29 Jan 2018 12:50:03 GMT<![CDATA[Reply to How to set QSlider::handle to round ? on Mon, 29 Jan 2018 11:53:35 GMT]]>@sonichy This is how I achieved a circular handle:

QSlider::groove:horizontal { 
	background-color: black;
	border: 0px solid #424242; 
	height: 10px; 
	border-radius: 4px;
}

QSlider::handle:horizontal { 
	background-color: red; 
	border: 2px solid red; 
	width: 16px; 
	height: 20px; 
	line-height: 20px; 
	margin-top: -5px; 
	margin-bottom: -5px; 
	border-radius: 10px; 
}

QSlider::handle:horizontal:hover { 
	border-radius: 10px;
}

The handle is a little larger than what you want but tweak the parameters where necessary.

]]>https://forum.qt.io/post/439123https://forum.qt.io/post/439123Mon, 29 Jan 2018 11:53:35 GMT