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. win的安全更新安装不成功,可用下面命令进行强制更新

  2. TODO留学小程序,展开,收起失效

    text设置user-select=true后,display: -webkit-box 失效? https://developers.weixin.qq.com/community/develop/ ...

  3. 接口设置ip跨域

    // 允许跨域请求的地址'allowUrls' => [ 'http://localhost:8080', 'http://192.168.2.224', 'http://192.168.2.2 ...

  4. PyMySQL创建

    title: PyMySQL创建 author: 杨晓东 permalink: PyMySQL创建 date: 2021-10-02 11:27:04 categories: - 投篮 tags: - ...

  5. 理解函数调用_使用严格模式边使用arguments别名

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. Pycharm实现sqlite数据库可视化

  7. 新建VUE项目操作步骤(win7)

    在win7下,新建一个VUE项目操作步骤说明 1 检查vue的相关软件环境 vue init webpack   项目名称 创建 vue 项目成功 进入到项目目录  然后  npm run dev 启 ...

  8. 手动收集oracle的统计信息脚本及相关操作

    我们一般习惯使用oracle自带的统计信息收集,但很多时候我们会发现,有很多关键的表始终没有被收集过. connect 用户/密码grant create any table to 用户;-- 这一步 ...

  9. 访问不了github解决方案

    1.首先通过网址https://github.com.ipaddress.com/www.github.com查看当前github.com对应的IP地址,查到的信息如下图所示 修改hosts文件,wi ...

  10. evalJS代替mui.fire

    之前一直用mui.fire调用自定义事件以达到监听目标窗口的目的. 页面为双webview,页面跳转时 mui.openWindow({ url: '../choose/food-choose-con ...