zoukankan      html  css  js  c++  java
  • Qt滚动条样式

    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;
    }
  • 相关阅读:
    React 创建一个自动跟新时间的组件
    React 组件传值 父传递儿子
    React 以两种形式去创建组件 类或者函数(二)
    React 语法基础(一)之表达式和jsx
    ref的使用
    使用scale等比例缩放图片
    Vue动态加载图片图片不显示
    div里面的元素在【垂直 方向】上水平分布 使用calc()函数动态计算
    控制label标签的宽度,不让它换行 label标签左对齐
    表单验证
  • 原文地址:https://www.cnblogs.com/lucienbao/p/QScrollBar_Qss.html
Copyright © 2011-2022 走看看