QT QSlider样式美化

QT软件开发: 设置QSlider样式

/*滑块的样式*/
QSlider::groove:horizontal {
border: 1px solid #00B0AE;
background: #00B0AE;
height: 2px;
border-radius: 1px;
padding-left:0px;
padding-right:0px;
}/*滑块经过的颜色:前面的颜色*/
QSlider::sub-page:horizontal {
background: #00B0AE;
border: 1px solid #00B0AE;
height: 2px;
border-radius: 2px;
}QSlider::add-page:horizontal {
background: #EAEAEA;
border: 0px solid #EAEAEA;
height: 2px;
border-radius: 2px;
}
QSlider::handle:horizontal
{background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #00B0AE,stop:0.98409 rgba(255, 255, 255, 255));width: 15px;margin-top: -6px;margin-bottom: -6px;border-radius: 5px;
}QSlider::handle:horizontal:hover {background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #00B0AE,stop:0.98409 rgba(255, 255, 255, 255));width: 15px;margin-top: -6px;margin-bottom: -6px;border-radius: 5px;
}
复制

QT QSlider样式美化相关推荐

QT 滚动条样式美化
QT原生的滚动条样式一言难尽...我们通常想要把它美化一下,在样式表中加入如下代码: /* 设置垂直滚动条基本样式*/ QScrollBar:vertical {width:8px;backgroun ...
Qt QSS QSlider样式
本文章主要学习QSlider样式准备下面几张背景图片: 调小图标 .调大图标 .QSlider位置图标 QSlider划过的背景图标 .QSlider未划过的背景图标最终效果图自己创建一 ...
Qt 用样式实现实心圆和空心圆
实心圆和空心圆的样式 //实心圆 background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, f ...
html5复选框样式,11种炫酷CSS3复选框checkbox样式美化效果
这是一款效果非常酷的CSS3复选框checkbox样式美化效果.该复选框美化效果共有11种.默认的复选框的样式十分不好看,该效果将复选框加一美化,带上了一些动画效果,其中一些制作为滑动按钮的样式. 使 ...
html表单复选框样式,美化表单——自定义checkbox和radio样式
如果你对本站比较观注的话,应该很清楚,前面就有这方面的介绍.因为大家都知道表单中的部分元素如果单单使用CSS是没办法完成的,所以最近花全力在学习这方面的制作.在本站有关于这样制作有好几个教程了,比如说 ...
option样式美化 css,CSS select样式优化
下拉选择菜单基本的CSS样式不怎么好看,通过一些简单的样式优化,就可以起到美化的作用了. 请选择您所在的城市请选择您所在的城市中山市太原市广州市 CSS样式 .sel_wrap{ height ...
CSS前端样式美化总结
css按钮样式美化 .login-button { /* 按钮美化 */ width: 270px; /* 宽度 */ height: 40px; /* 高度 */ borde ...
qt-qss之QSlider样式
一.前言 QSlider样式二.环境 qt5.7 window8 三.正文 QSlider::groove:horizontal { border: 0px solid #bbb; } QSlide ...
微信小程序开发笔记二（WXSS和CSS样式美化）
微信小程序开发笔记二(WXSS和CSS样式美化) 一.CSS基本知识 1.Class选择器的定义 2.ID选择器的定义 3.ID选择器和class选择器的区别 4.CSS中设置颜色 5.CSS中的文本 ...

QT QSlider样式美化

QT QSlider样式美化相关推荐

最新文章

热门文章

QT QSlider样式 美化

QT QSlider样式 美化相关推荐

最新文章

热门文章

QT QSlider样式美化

QT QSlider样式美化相关推荐