2023年6月20日发(作者：)
qt⾃定义控件样式09-QScrollBar注释只为解释，qss语法并不能直接这样写，美化控件时，下⾯的所有选项并不需要全部进⾏设置，⾃⾏选择⼀、前⾔//滚动条竖直⽅向样式QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }//滚动条滑块样式 QScrollBar::handle:vertical { background: white; min-height: 20px; }//滚动条向下的按钮样式 QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }//滚动条向上的按钮样式 QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top;//⼦控件置顶 subcontrol-origin: margin;//⼦控件在边框之外 }//向上的箭头和向下的箭头 QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }//add-page滑块与添加按钮中间区域 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }//滚动条向下的⼦控件样式
2023年6月20日发(作者：)
qt⾃定义控件样式09-QScrollBar注释只为解释，qss语法并不能直接这样写，美化控件时，下⾯的所有选项并不需要全部进⾏设置，⾃⾏选择⼀、前⾔//滚动条竖直⽅向样式QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }//滚动条滑块样式 QScrollBar::handle:vertical { background: white; min-height: 20px; }//滚动条向下的按钮样式 QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }//滚动条向上的按钮样式 QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top;//⼦控件置顶 subcontrol-origin: margin;//⼦控件在边框之外 }//向上的箭头和向下的箭头 QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }//add-page滑块与添加按钮中间区域 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }//滚动条向下的⼦控件样式
发布评论