QT 设置滚动条样式

如果对于界面上拖入的一个控件做样式，可以这样写

QPushButton#choose{border-image:url(:/image/bom/big_button.png);font:13px;font-family:SimSun;color:#FFFFFF;}

其中#后面的choose，是你控件的名字

verticalScrollBar()->setStyleSheet("QScrollBar:vertical {\

                                   border:0px solid grey;\

                                   background:#0A1626;\

                                   width:15px;\

                                   margin:22 0 22 0px;\

}\

                               QScrollBar::handle:vertical {\

                                   background:#1C3654;\

                                   min-height:20px;\

}\

                               QScrollBar::add-line:vertical {\

                                   border:1px solid #1C3654;\

                                   background:#2c3e50;\

                                   height:20px;\

                                   subcontrol-position:bottom;\

                                   subcontrol-origin:margin;\

}\

                               QScrollBar::sub-line:vertical {\

                                   border:1px solid #1C3654;\

                                   background:#2c3e50;\

                                   height:20px;\

                                   subcontrol-position:top;\

                                   subcontrol-origin:margin;\

}\

                               QScrollBar::up-arrow:vertical{\

                                   border:0px solid #1C3654;\

                                   width:10px;\

                                   height:6px;\

                                   border-image:url(:/image/bom/up arrow.png);\

}\

                               QScrollBar::down-arrow:vertical {\

                                   border:0px solid #1C3654;\

                                   width:10px;\

                                   height:6px;\

                                   border-image:url(:/image/bom/Down Arrow.png);\

}\

                               QScrollBar::add-page:vertical {\

                                   background:#0e2644;\

}\

                               QScrollBar::sub-page:vertical {\

                                   background:#0e2644;\

}\

);

horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal {\
border: 0px solid grey;\
background: #2c3e50;\
height: 15px;\
margin: 0px 20px 0 20px;\
}\
QScrollBar::handle:horizontal {\
background:#27ae60;\
min-width: 20px;\
}\
QScrollBar::add-line:horizontal {\
border: 1px solid grey;\
background: #2c3e50;\
width: 20px;\
subcontrol-position: right;\
subcontrol-origin: margin;\
}\
QScrollBar::sub-line:horizontal {\
border: 1px solid grey;\
background: #2c3e50;\
width: 20px;\
subcontrol-position: left;\
subcontrol-origin: margin;\
}\
QScrollBar:left-arrow:horizontal, QScrollBar::right-arrow:horizontal{\
border: 1px solid grey;\
width: 3px;\
height: 3px;\
background: #27ae60;\
}\
QScrollBar::add-page:horizontal {\
background:#444D5C;\
}\
QScrollBar::sub-page:horizontal {\
background:#5B677A;\
}\
");

QT 设置滚动条样式相关推荐

CSS设置滚动条样式
今天在写一个项目的时候遇到了,这样一个小难点要设置一个类似于页面的滚动条,查阅了相关文档之后,我会了一.我们可以使用overflow属性设置是否出现滚动条overflow:scroll /* x ...
设置滚动条样式vue + div + el-table
修改滚动条样式展示多个表格,溢出隐藏,显示滚动条,设置滚动条样式,像下面这样: <div class="tableList" id="tableListStyle ...
如何设置滚动条样式？
/*****设置滚动条样式*****/ ::-webkit-scrollbar { width: 12px;} /* 滚动槽 */ ::-webkit-scrollbar-track {-webkit ...
vue 设置滚动条样式
vue 设置滚动条样式 //在index文件中/* @charset "utf-8"; */::-webkit-scrollbar {width: 5px;}/*定义滚动条轨道内 ...
css设置滚动条、并设置滚动条样式
1.overflow设置滚动条 /* 设置y轴滚动条 */ overflow-y:auto /* 设置x轴滚动条 */ overflow-x:auto 2.设置滚动条样式 ::-webkit-scro ...
vue全局修改设置滚动条样式
::-webkit-scrollbar{ /*滚动条整体样式*/width: 10px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px; } ::-webkit-scrollbar-th ...
jquery设置滚动条样式
HTML结构下面是该滚动条插件工作所必须的HTML结构: ... content here ... CSS样式在HTML 中引入nanoscroller.css文件. 你必须为容器指定一个宽度和高 ...
CSS_如何设置滚动条样式_超出左右滚动
CSS-界面滚动时不显示滚动条设置滚动条的样式: div::-webkit-scrollbar {//width: 0;height: 0; } 关于::-webkit-scrollbar ::-w ...
android设置滚动条样式,Android零基础入门｜滚动视图ScrollView-设置滚动条样式
前面几期学习了ProgressBar系列组件.ViewAnimator系列组件.Picker系列组件和时间日期系列组件,接下来几期继续来学习常见的其他组件. 一.ScrollView概述从前面的学习 ...

QT 设置滚动条样式

QT 设置滚动条样式相关推荐

最新文章

热门文章