Hide QScrollBar arrows

programtg picture programtg · Jan 16, 2014 · Viewed 7.3k times · Source

How to hide QScrollBar arrows?

I need to hide in horizontal scrollbar. I was trying to hide with setStyleSheet:

setStyleSheet(" QScrollBar:left-arrow:horizontal, QScrollBar::right-arrow:horizontal { height:0px; }" )

but it doesn't work.

Answer

nayana picture nayana · Sep 23, 2014

If you need to hide just the arrows inside buttons then you can try to set background and border in this way:

QScrollBar::right-arrow:horizontal, QScrollBar::left-arrow:horizontal
{
      border: none;
      background: none;
      color: none;
}

If you want to hide whole buttons then you go with code below.

QScrollBar::add-line:horizontal {
      border: none;
      background: none;
}

QScrollBar::sub-line:horizontal {
      border: none;
      background: none;
}