Hide QScrollBar arrows

Question

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 1

Create a QScrollBar and assign it this stylesheet and this should do the trick. See example below.

QScrollBar:vertical {
  width: 15px;
  background: #f1f1f1;
}

QScrollBar::handle:vertical {
  background: #888;
}

QScrollBar::add-line:vertical {
  border: 2px solid gray;
  background: #f1f1f1;
}

QScrollBar::sub-line:horizontal {
  border: 2px solid gray;
  background: #f1f1f1;
}

QScrollBar::handle:hover:vertical {
  background: #555;
}