QT之qss教程-QDockWidget

QDockWidget {
    border: 1px solid red;
    titlebar-close-icon: url(:/images/111.bmp);
    titlebar-normal-icon: url(:/images/close.png);
}

/* 標題設置 */
QDockWidget::title {
    text-align: right;
    background: lightgray;
    padding-left: 35px;
}

/* 關閉和顯示按鈕 */
QDockWidget::close-button, QDockWidget::float-button {
    border: 2px solid transparent;
    background: darkgray;
    padding: 2px;
    icon-size: 14px; /* maximum icon size */
}

/* 鼠標懸浮狀態 */
QDockWidget::close-button:hover, QDockWidget::float-button:hover {
    background: red;
}

/* 鼠標按下狀態 */
QDockWidget::close-button:pressed, QDockWidget::float-button:pressed {
    padding: 1px -1px -1px 1px;
}

/* 把按鈕移到左上角 */
QDockWidget::close-button {
    subcontrol-position: top left;
    subcontrol-origin: margin;
    position: absolute;
    top: 0px; left: 0px; bottom: 0px;
    width: 14px;
}

QDockWidget::float-button {
    subcontrol-position: top left;
    subcontrol-origin: margin;
    position: absolute;
    top: 0px; left: 16px; bottom: 0px;
    width: 14px;
}