QSS 漂亮的进度条和菜单
2018-01-26 23:54
375 查看
QPushButton::hover{background-color:#91608D;}
QPushButton{background-color:#9A91B0;}
QCheckBox{
border-color: #c6c6c6;
background: #808080;
}
QRadioButton{
-webkit-appearance: none;
background-color: #808080;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 50px;
display: inline-block;
position: relative;
}
QProgressBar{
border: 2px solid grey;
border-radius: 5px;
}
QProgressBar::chunk{
background-color: #05B8CC;
width: 20px;
}
/*QDockWidget{border-color: #c6c6c6; }*/
/*Qmenu Style Sheets*/
QMenu {
background-color: white; /* sets background of the menu 设置整个菜单区域的背景色,我用的是白色:white*/
border: 1px solid white;/*整个菜单区域的边框粗细、样式、颜色*/
}
QMenuBar::item{
background-color: rgb(170, 255, 255);
padding:8px 32px;/*设置菜单项文字上下和左右的内边距,效果就是菜单中的条目左右上下有了间隔*/
margin:0px 8px;/*设置菜单项的外边距*/
border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/
}
QMenu::item {
/* sets background of menu item. set this to something non-transparent
if you want menu color and menu item color to be different */
background-color: transparent;
padding:8px 32px;/*设置菜单项文字上下和左右的内边距,效果就是菜单中的条目左右上下有了间隔*/
margin:0px 8px;/*设置菜单项的外边距*/
border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/
}
QMenu::item:selected { /* when user selects item using mouse or keyboard */
background-color: #2dabf9;/*这一句是设置菜单项鼠标经过选中的样式*/
}
QDialog{background-color:black;}
/*QDockWidget{background-color:red;}*/
/*QDateTimeEdit{background-color:#C0C0C0;}*/
QComboBox{background-color:#9A91B0;}
QDateTimeEdit{background-color:#9A91B0;}
QComboBox::down-arrow:pressed{background-color:#91608D}
QComboBox QAbstractItemView{background-color:rgb(188,199,216)}/*rgb(58,73,104)*/
QLabel{color:black;}
QLabel{background-color:#808080;}
QAction{background-color:#808080;}
/*QGroupBox {
border-width:1px; //线的粗细
border-style:solid;
border-color:red; //颜色,
margin-top: 0.5ex; //文字在方框中位置的偏离度
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left;
left:25px; //线的偏离度
margin-left: 0px;
padding:0px; //文字在方框中位置的偏离度
}*/
QGroupBox {
/*background-color:#C0C0C0;*/
border: 1px solid rgb(81,121,176);
margin-top:4px;
color:rgb(255,255,255);
}
QGroupBox::title {
subcontrol-origin: margin;
}
QLabel#label_2{background-color:#808080;}
QLabel#label_3{background-color:#808080;}
QLabel#label_4{background-color:#808080;}*/
QHeaderView::section{background-color:rgb(58,73,104);color:white;font:10pt '新宋体'}
QTableWidget{selection-background-color:rgb(0,156,225);background-color: rgb(255, 255, 255);}
QAbstractScrollArea {background-color:#808080;}
QPushButton{background-color:#9A91B0;}
QCheckBox{
border-color: #c6c6c6;
background: #808080;
}
QRadioButton{
-webkit-appearance: none;
background-color: #808080;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 50px;
display: inline-block;
position: relative;
}
QProgressBar{
border: 2px solid grey;
border-radius: 5px;
}
QProgressBar::chunk{
background-color: #05B8CC;
width: 20px;
}
/*QDockWidget{border-color: #c6c6c6; }*/
/*Qmenu Style Sheets*/
QMenu {
background-color: white; /* sets background of the menu 设置整个菜单区域的背景色,我用的是白色:white*/
border: 1px solid white;/*整个菜单区域的边框粗细、样式、颜色*/
}
QMenuBar::item{
background-color: rgb(170, 255, 255);
padding:8px 32px;/*设置菜单项文字上下和左右的内边距,效果就是菜单中的条目左右上下有了间隔*/
margin:0px 8px;/*设置菜单项的外边距*/
border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/
}
QMenu::item {
/* sets background of menu item. set this to something non-transparent
if you want menu color and menu item color to be different */
background-color: transparent;
padding:8px 32px;/*设置菜单项文字上下和左右的内边距,效果就是菜单中的条目左右上下有了间隔*/
margin:0px 8px;/*设置菜单项的外边距*/
border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/
}
QMenu::item:selected { /* when user selects item using mouse or keyboard */
background-color: #2dabf9;/*这一句是设置菜单项鼠标经过选中的样式*/
}
QDialog{background-color:black;}
/*QDockWidget{background-color:red;}*/
/*QDateTimeEdit{background-color:#C0C0C0;}*/
QComboBox{background-color:#9A91B0;}
QDateTimeEdit{background-color:#9A91B0;}
QComboBox::down-arrow:pressed{background-color:#91608D}
QComboBox QAbstractItemView{background-color:rgb(188,199,216)}/*rgb(58,73,104)*/
QLabel{color:black;}
QLabel{background-color:#808080;}
QAction{background-color:#808080;}
/*QGroupBox {
border-width:1px; //线的粗细
border-style:solid;
border-color:red; //颜色,
margin-top: 0.5ex; //文字在方框中位置的偏离度
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left;
left:25px; //线的偏离度
margin-left: 0px;
padding:0px; //文字在方框中位置的偏离度
}*/
QGroupBox {
/*background-color:#C0C0C0;*/
border: 1px solid rgb(81,121,176);
margin-top:4px;
color:rgb(255,255,255);
}
QGroupBox::title {
subcontrol-origin: margin;
}
QLabel#label_2{background-color:#808080;}
QLabel#label_3{background-color:#808080;}
QLabel#label_4{background-color:#808080;}*/
QHeaderView::section{background-color:rgb(58,73,104);color:white;font:10pt '新宋体'}
QTableWidget{selection-background-color:rgb(0,156,225);background-color: rgb(255, 255, 255);}
QAbstractScrollArea {background-color:#808080;}
相关文章推荐
- QSS 漂亮的进度条和菜单
- 漂亮的按键。进度条,菜单
- 70+漂亮且极具亲和力的导航菜单设计推荐
- www.jb51.com脚本之家漂亮菜单
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- Adobe Edge Animate --异步条件加载框架(yepnop)之三:加载bootstrap之按钮、进度条、菜单效果
- 让你的软件界面更漂亮(四)——不完美之菜单
- 漂亮的仿flash菜单,来自蓝色经典
- MFC 状态栏 定时器 进度条 菜单 和 浏览器控件
- 漂亮红黑风格的CSS导航菜单代码
- 分享35个讨人喜欢的漂亮进度条UI设计
- JS+CSS实现漂亮实用的红色导航菜单
- 一个漂亮的进度条
- Android一个漂亮的圆形菜单
- 漂亮的透明css菜单 下拉效果
- 用VB做个漂亮的进度条
- jQuery漂亮图标的垂直导航菜单
- 一个已封装好的漂亮进度条
- 橘色超漂亮滑动二级导航菜单
- jQuery+css实现非常漂亮的水平导航菜单效果