Qt滚动条样式

Qt手动设置滚动条的qss样式

QScrollBar:vertical {
     width: 16px;
     margin: 16px 0 16px 0;
     background: #dadada;
}

QScrollBar::handle:vertical {
     background: #eeeeee;
     min-height: 16px;
     border-top: 1px solid #ffffff;
     border-bottom: 1px solid #bbbbbb;
}

 QScrollBar::add-line:vertical {
     background: #eeeeee;
     height: 15px;
     subcontrol-position: bottom;
     subcontrol-origin: margin;
     border-top: 1px solid #ffffff;
}

QScrollBar::sub-line:vertical {
     background: #eeeeee;
     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: 16px;
     margin: 0 16px 0 16px;
     background: #dadada;
}

QScrollBar::handle:horizontal {
     background: #eeeeee;
     min-width: 16px;
     border-left: 1px solid #ffffff;
     border-right: 1px solid #bbbbbb;
}

QScrollBar::add-line:horizontal {
     background: #eeeeee;
     width: 15px;
     subcontrol-position: right;
     subcontrol-origin: margin;
     border-left: 1px solid #ffffff;
}

QScrollBar::sub-line:horizontal {
     background: #eee;
     width: 15px;
     subcontrol-position: left;
     subcontrol-origin: margin;
     border-right: 1px solid #bbbbbb;
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
     background: none;
}
时间: 2024-10-13 02:32:21

Qt滚动条样式的相关文章

Qt 自定义 滚动条 样式(模仿QQ)

今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ. 先前的进度条是这样,默认的总是很难受欢迎的:美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几句简单的样式.下面就来吐槽吐槽,关于进度条样式的设置问题,欢迎评论交流,高手勿喷. Qt设置样式的方式有两种,一种直接在程序中写,适用于样式不多的情况:另一种,写入到文件中,适用用样式较大且需要提供换肤功能的情况. 1.写入到文件中,新建个xx.qss,然后复制一下内容 // 设置垂直滚动条基本样式

Qt 自定义 滚动条 样式

今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ. 先前的进度条是这样,默认的总是很难受欢迎的:美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几句简单的样式.下面就来吐槽吐槽,关于进度条样式的设置问题,欢迎评论交流,高手勿喷. Qt设置样式的方式有两种,一种直接在程序中写,适用于样式不多的情况:另一种,写入到文件中,适用用样式较大且需要提供换肤功能的情况. 1.写入到文件中,新建个xx.qss,然后复制一下内容 // 设置垂直滚动条基本样式

网页滚动条样式知识

今天老板指出我做的网页的不足,说滚动条可以美化一下,我一听还有点纳闷,滚动条还可以变吗,第一次听说.后来去百度了下,果真有这方面东东,于是应用下来. webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的.当然,兼容所有浏览器的滚动条样式目前是不存在的. ::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb  滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条

【CSS3】自定义滚动条样式 -webkit-scrollbar

好文推荐:http://m.blog.csdn.net/article/details?id=40398177 http://www.xuanfengge.com/css3-webkit-scrollbar.html webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的.当然,兼容所有浏览器的滚动条样式目前是不存在的. 滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-t

chorme和IE下的滚动条样式修改

火狐下的滚动条样式无法去修改,但chorme下的则可以任意修改,惊喜的是IE竟然是最早实现这一功能的浏览器,IE5都能有效果. chorme下的滚动条样式修改: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css&q

CSS自定义滚动条样式

相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下.当然,兼容所有浏览器的滚动条样式目前是不存在的. IE下的滚动条样式 IE是最早提供滚动条的样式支持,好多年了,但是其它浏览器一直没有支持,IE独孤求败了. 这些样式规则很简单: scrollbar-arrow-color: color; /*三角箭头的颜色*/ scrollbar-face-color: color; /*立

overflow滚动条样式设置,ie和webkit内核

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 7 <style> 8 body{ 9 /*ie下修改滚动条样式,在webkit内核浏览器无效*/ 10 /*scrollbar-arrow-color: #f4ae21;三角箭头的颜色

自定义滚动条样式

<style> /* * 控制ie 滚动条颜色 * scrollbar-face-color 滚动条颜色 */ div{ scrollbar-face-color: #DDDDDD; scrollbar-shadow-color: #DDDDDD; scrollbar-highlight-color: #DDDDDD; scrollbar-3dlight-color: #DDDDDD; scrollbar-darkshadow-color: #FFFFFF; scrollbar-base-co

css修改浏览器默认的滚动条样式

//滚动条样式 ::-webkit-scrollbar { width: 10px; } /* 垂直滚动条的滑动块 */ ::-webkit-scrollbar-thumb:vertical { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:#717270; } ::-webkit-scrollbar-track { border: 1px #d3d3d3 solid;