Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

[SOLVED] CSS issue



  • Hello, I am doing CSS stylesheet of QListWidget and I have problems with scroll bar...

    Bottom scrollbar is different from the top one... They both have same CSS, but bottom one for some reason does not have white border... Actually there is a blank space instead of border... I also added border-bottom but did not help... Top of the scrollbar is fine, but bottom one is missing white border...
    !http://imageshack.com/a/img546/7452/at1g.png(a)!

    Any idea what is wrong???
    @QWidget
    {
    color:white;
    background-color: none;
    outline:none;
    }

    QWidget:item:hover
    {
    background-color: orange;
    color: white;
    }

    QWidget:disabled
    {
    color: #404040;
    background-color: #323232;
    }

    QAbstractItemView
    {
    background-color:#262D41;
    border: 1px solid #F3F3F3;
    outline:none;
    }

    QScrollBar:vertical
    {
    background: #C0C0C0;
    width: 13px;
    margin: 16px 0 16px 0;
    }

    QScrollBar::handle:vertical
    {
    background: #F3F3F3;
    min-height: 21px;
    }

    QScrollBar::add-line:vertical
    {
    /border: 0px solid #1b1b19;/
    background: #C0C0C0;
    height: 16px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
    }

    QScrollBar::sub-line:vertical
    {
    border: 0px solid #1b1b19;
    background: #C0C0C0;
    height: 16px;
    subcontrol-position: top;
    subcontrol-origin: margin;
    }

    QScrollBar::up-arrow:vertical
    {
    image: url(':/images/ArrowUp.png');
    }

    QScrollBar::down-arrow:vertical
    {
    image: url(':/images/ArrowDown.png');
    }

    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
    {
    background:none;
    }
    @


Log in to reply