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;
    }
  • 相关阅读:
    JavaScript event对象
    JavaScript Date对象
    JavasSript函数
    break语句补充:判断当前系统时间与2021年元旦相聚的天数
    JavaScript控制流程
    初识JavaSript-JavaScript主要特点,运用在HTML中的三种用法,基本语法
    一个简单的Java程序
    什么是Java语言规范、API、JDK和IDE
    Vue渐变淡入淡出的轮播图
    js获取窗口滚动条高度、窗口可视范围高度、文档实际内容高度、滚动条离浏览器底部的高度
  • 原文地址:https://www.cnblogs.com/lucienbao/p/QScrollBar_Qss.html
Copyright © 2011-2022 走看看