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. linux命令测试中运行

      1.1 scp 命令-拷贝文件 scp local_file remote_username@remote_ip:remote_folder eg : scp G96S.Z.16m root@19 ...

  2. docker-compose 文件

    安装 curl -L https://get.daocloud.io/docker/compose/releases/download/v2.4.1/docker-compose-`uname -s` ...

  3. PyTables 教程(二)多维表单元格和自动健全性检查,使用链接更方便地访问节点

    翻译自http://www.pytables.org/usersguide/tutorials.html 多维表单元格和自动健全性检查 现在是一个更真实的例子(即代码中有错误)的时候了.我们将创建两个 ...

  4. 玩玩 Visual Studio Code 和 MSYS2

    注意:为了便于理解本文内容,您可能需要一些前置知识,例如命令行操作,编译器操作,路径操作,环境变量操作,vscode操作-- 众所周知 Visual Studio Code 是一个优秀的编辑器. 众所 ...

  5. 微信公众号 H5授权登录

    首先微信公众号 必须是服务号,订阅号没有 "网页授权获取用户基本信息" 没有这个权限.服务号也必须认证后才有这个权限

  6. 处理code中代码格式化与eslint冲突

    在结尾去掉分号 让字符串格式化之后用单引号表示 去掉格式化后自动给末尾加的逗号 在根目录下新建一个文件prettierrc 输入如下 函数名与()之间取消空格 打开eslintrc.js 输入如下代码 ...

  7. Vue CLI创建Vue2项目

    1.安装Node.js * Node.js中包含了npm工具 安装后查看版本: node -v npm -v 2.设置npm的源为国内源 npm config set registry https:/ ...

  8. c#在代码中再次调用按钮点击事件

    在一个按钮事件中调用另一个按钮(button1)的点击事件,可以直接如下: button1.PerformClick() 也称之为 以编程方式调用按钮的click事件

  9. js正则 -180 到180 小数点后无限位、el-input

    正则 -180 到180 小数点后无限位/^0$|^-?0\.\d*[1-9]$|^-?[1-9](\.\d*[1-9])?$|^-?[1-9]\d(\.\d*[1-9])?$|^-?1[0-7]\d ...

  10. mybatis纵览

    Mybatis MyBatis 是一款优秀的持久层框架,它支持自定义 SQL.存储过程以及高级映射.MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作. MyBatis 可 ...