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. MYSQL表操作(中篇)--数据类型

    1.数据类型 数值类型 1.整数类型 整数类型:TINYINT,SMALLINT,MEDIUMINT,INT,BIGINT 作用:存储年龄,等级,id,各种号码等 默认是有符号的 int[(m)][u ...

  2. git 代码提交到github 回滚到上一版本

    1.项目所在目录>git log(查看提交日志) commit idCodeAuthor: XXXXDate: Tue Mar 6 15:10:59 2018 +0800 commit idCo ...

  3. centos8.5安装kvm及kvm虚拟机的端口映射问题

    1.安装KVM   grep -Ei 'vmx|svm' /proc/cpuinfo|more  #查看硬件是否支持虚拟化 yum install -y virt-* libvirt qemu-img ...

  4. select multiple 浏览器兼容

    select multiple 时一般是设置 height <select multiple="multiple" style="height:87px;" ...

  5. c语言学习--静态函数

    静态函数 #include<stdio.h> //这是静态函数, 静态函数只能在当前文件调用,其他文件下面的函数是没法调用到这个函数的 static void fun1() { print ...

  6. Codeforces Global Round 17 - D. Not Quite Lee

    裴蜀定理 + lowbit Problem - D - Codeforces 题意 定义一个包含 \(m\) 个元素的数组 \(b\) 是好的,当且仅当满足以下两个条件 对于 \(b[i]\), 存在 ...

  7. 1326. 灌溉花园的最少水龙头数目 (Hard)

    问题描述 1326. 灌溉花园的最少水龙头数目 (Hard) 在 x 轴上有一个一维的花园.花园长度为 n,从点 0 开始,到点 n 结束. 花园里总共有 n + 1 个水龙头,分别位于 [0, 1, ...

  8. leetcode 310. 最小高度树 【时间击败70.67%】 【内存击败89.04%】

    数组替代队列,从超时到击败70%,用tree[0]替代new一个新的ArrayList,上升10% 思想是遍历一遍,删除度为1的节点,答案只可能为1或2 1 public List<Intege ...

  9. vue 项目中笔记-持续更新

    9.class常用操作: :class="packUp ? 'search-form-btn active fr' : 'search-form-btn fr'" :class=& ...

  10. git使用采坑-The project you were looking for could not be found 解决方式

    清除本地git账户,重新输入用户名密码(最优) git config --system --unset credential.helper之后再进行git操作时,弹出用户名密码窗口,输入即可 详情如下 ...