QScrollBar垂直滚动条简单样式定制

QScrollBar{background: transparent;
}
QScrollBar::handle:vertical {background: #F0F0F0;border: 0px solid grey;border-radius: 3px;width: 6px;            // 注意滑块宽度和滑轨宽度需要保持一致
}
QScrollBar::vertical {border-width: 0px;border-style: flat;border-color: rgba(255, 255, 255, 0);width: 6px;            // 注意滑块宽度和滑轨宽度需要保持一致border-radius:3px;
}
QScrollBar::add-line:vertical
{width: 0px;
}
QScrollBar::sub-line:vertical
{width: 0px;
}
QScrollBar::add-page:vertical
{background-color: rgba(255, 255, 255, 0);
}
QScrollBar::sub-page:vertical
{background-color: rgba(255, 255, 255, 0);
}

效果如图，QScrollArea，QComboBox，QTableView等需要使用滚动条的控件均可适用

QScrollBar垂直滚动条简单样式定制相关推荐

定义ComboBox(下拉列表)组件垂直滚动条的样式。
dropdownStyleName样式和 verticalScrollBarStyleName 样式.的学习示例: 代码: <?xml version="1.0" enco ...
Web端隐藏垂直滚动条且保留滚动效果
在做项目时,发现UI们常常为了快速出图,在设计UI图时只设计一种正常情况下的布局,但是往往实际应用中,内容超出限定区域是很常见的现象,当内容超出时,如果css样式没有设置隐藏则会出现滚动条,而滚动条的 ...
自定义浏览器滚动条的样式，详细讲解
CSS3自定义滚动条样式 -webkit-scrollbar 有时候觉得浏览器自带的原始滚动条不是很美观,那webkit浏览器是如何自定义滚动条的呢? Webkit支持拥有overflow属性的区域, ...
自定义浏览器滚动条的样式
自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5).下面列出了多个版本的支持性况: 滚动条样式支持情况支持浏览器版本可否继承 ...
自定义浏览器滚动条的样式，打造属于你的滚动条风格
前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下.于是在各大浏览器中对比了一下,发现只用Chro ...
如何自定义CSS滚动条的样式？
欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的 ...
qt设置滚动区域的滚动条的样式
引言当窗口的控件太多,不能一下完全显示,就可以采用滚动区域来添加控件,这样添加的控件,可以通过滑动滚动区域的滚动条来浏览所有的控件.下面就大致记录一下滚动区域的滚动条的样式怎么设置. 实现直接上设 ...
html滚动条样式自定义,如何自定义CSS滚动条的样式？
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的 ...
css设置滚动条的样式
1. webkit下面的CSS设置滚动条主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端 ...

QScrollBar垂直滚动条简单样式定制

QScrollBar垂直滚动条简单样式定制相关推荐

最新文章

热门文章