Qt手动设置滚动条的qss样式

QScrollBar:vertical {
width: 14px;
margin: 16px 0 16px 0;
background: #eaeaea;
} QScrollBar::handle:vertical {
background: #c8c8c8;
min-height: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #bbbbbb;
} QScrollBar::handle:vertical:hover {
background: #606060;
min-height: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #bbbbbb;
} QScrollBar::add-line:vertical {
background: #eaeaea;
height: 15px;
subcontrol-position: bottom;
subcontrol-origin: margin;
border-top: 1px solid #ffffff;
} QScrollBar::sub-line:vertical {
background: #eaeaea;
height: 15px;
subcontrol-position: top;
subcontrol-origin: margin;
border-bottom: 1px solid #bbbbbb;
} QScrollBar::add-line:vertical:hover {
background: #606060;
height: 15px;
subcontrol-position: bottom;
subcontrol-origin: margin;
border-top: 1px solid #ffffff;
} QScrollBar::sub-line:vertical:hover {
background: #606060;
height: 15px;
subcontrol-position: top;
subcontrol-origin: margin;
border-bottom: 1px solid #bbbbbb;
} QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: none;
} QScrollBar:horizontal {
height: 14px;
margin: 0 16px 0 16px;
background: #eaeaea;
} QScrollBar::handle:horizontal {
background: #c8c8c8;
min-width: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #ffffff;
border-right: 1px solid #bbbbbb;
} QScrollBar::handle:horizontal:hover {
background: #606060;
min-width: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #ffffff;
border-right: 1px solid #bbbbbb;
} QScrollBar::add-line:horizontal {
background: #eaeaea;
width: 15px;
subcontrol-position: right;
subcontrol-origin: margin;
border-left: 1px solid #ffffff;
} QScrollBar::sub-line:horizontal {
background: #eaeaea;
width: 15px;
subcontrol-position: left;
subcontrol-origin: margin;
border-right: 1px solid #bbbbbb;
} QScrollBar::add-line:horizontal:hover {
background: #606060;
width: 15px;
subcontrol-position: right;
subcontrol-origin: margin;
border-left: 1px solid #ffffff;
} QScrollBar::sub-line:horizontal:hover {
background: #606060;
width: 15px;
subcontrol-position: left;
subcontrol-origin: margin;
border-right: 1px solid #bbbbbb;
} QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
background: none;
}

Qt滚动条样式的更多相关文章

  1. Qt 自定义 滚动条 样式

    今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ. 先前的进度条是这样,默认的总是很难受欢迎的:美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几 ...

  2. Qt 自定义 滚动条 样式(模仿QQ)

    今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ. 先前的进度条是这样,默认的总是很难受欢迎的:美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几 ...

  3. CSS3自定义滚动条样式 -webkit-scrollbar(转)

    有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了.那webkit浏览器是如何自定义滚动条的呢? 前言 ...

  4. HTML div 滚动条样式设计

    ::-webkit-scrollbar-track-piece{ background-color:#fff;/*滚动条的背景颜色*/ -webkit-border-radius:0;/*滚动条的圆角 ...

  5. CSS3自定义滚动条样式 -webkit-scrollbar

    今天写项目碰上需要改滚动条效果,我的第一反应是,需要用js写滚动条,顿时头大,上网搜了一下,原来css3就可以修改滚动条样式了,非常好啊,下面分享原文地址:http://www.xuanfengge. ...

  6. jquery两个滚动条样式

    jquery两个滚动条样式 点击下载

  7. jQuery自定义滚动条样式插件mCustomScrollbar

    如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScro ...

  8. 在css中定义滚动条样式

    1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三个属性设置 ...

  9. HTML ---滚动条样式代码及<marquee>标签的用法;

    html中滚动条属性设置 scrollbar属性.样式详解 1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)    overflow-x水平方向内容溢出时的设置    overfl ...

  10. duilib让不同的容器使用不同的滚动条样式

    装载请说明原出处,谢谢~~:http://blog.csdn.net/zhuhongshu/article/details/42240569 以前在给一个容器设置横纵向的滚动条时,一直是通过设置xml ...

随机推荐

  1. MARKDEEP.js-一个轻松在HTML中输入MD代码的JavaScript库

    MARKDEEP.js-一个轻松在HTML中输入MD代码的JavaScript库 http://casual-effects.com/markdeep/ 引入: <style class=&qu ...

  2. 渗透测试工具sqlmap基础教程 【转】

    转载请注明出处:http://blog.csdn.net/zgyulongfei/article/details/41017493 作者:羽龍飛 本文仅献给想学习渗透测试的sqlmap小白,大牛请绕过 ...

  3. 在集群上运行Spark应用

    初识Spark真的存在很多疑问:Spark需要部署在集群里的每个节点上吗?Spark怎么有这么多依赖,这些依赖分别又有什么用?官网里边demo是用sbt构建的,难道还有再学一下sbt吗? --就是这么 ...

  4. npm 使用阿里源

    npm config set registry https://registry.npm.taobao.org/ npm config get registry 安装vue-cli 报错 npm in ...

  5. 慢SQL

    慢SQL 目录 慢SQL 一.慢SQL概念 2.参数 3.配置 3.1.slow_query_log 3.2.slow_query_log_file 3.3.long_query_time 3.4.l ...

  6. stm32 flash/sram 映射关系

    1.可以参考手册里关于Memory map的说明, 里面说明了Flash的起始地址与大小, SRAM起始地址与大小

  7. px、em、rem的区别css单位换算

    在对页面进行自适应时,查阅相关资料了解到,通常有两种方式将px转换为em或者rem,下面就上述三者之间的联系进行讲解: em与px转换 一般浏览器默认1em=16px,通过设置font-size大小来 ...

  8. SignalR基本认识以及使用

    SignalR基本认识以及使用 什么是WebSocket.SignalR WebSocket 1.WebSocket基于TCP协议,支持二进制通信,双工通信. 2.性能和并发能力更强. 3.WebSo ...

  9. Qt中QGraphicsScene和QraphicsView显示坐标问题解决

    相信打开这个界面的你,一定遇到了这两玩意儿设置完坐标发现对不上的问题...查询Qt官方文档后发现: 网上搜索了一番,基本上这个坐标系就是长酱紫: 所以加上这行代码就行了: ui->graphic ...

  10. Linux 查看enable自启动服务

    pi@pi4:~/client $ systemctl list-unit-files |grep enable autovt@.service enabled avahi-daemon.servic ...