Qt QComboBox的QSS美化

美化效果


QSS设置

css 复制代码
/*QComboBox风格设置*/
QComboBox#comboBox_1
{
border:2px solid #f3f3f3;/*设置边框线宽*/
background-color:rgb(237, 242, 255);/*背景颜色*/
border-radius:5px;/*圆角*/
padding: 1px 2px 1px 2px;/*针对组合框中的文本内容*/
min-width:2em;/*组合框最小宽度*/
border-style:solid;/*边框为实线型*/
border-width:2px;/*边框宽度*/
border-color:rgb(77, 123, 255);/*边框颜色*/
padding-left:10px;/*左侧边距*/
}
/*QComboBox下拉按钮*/
QComboBox#comboBox_1::drop-down
{
subcontrol-origin:padding;
subcontrol-position:top right;/*放于右方顶部*/
width:20px;/**/设置按钮范围宽度
border-top-right-radius:3px;/*设置边框圆角*/
border-bottom-right-radius:3px;
}
/*QComboBox右侧按钮的箭头图标*/
QComboBox#comboBox_1::down-arrow
{
border-image:url(:/Down_Arrow.png);/*自定义图片填充*/
width: 16px;/*设置图片宽高*/
height:16px;
}
/*下拉后,整个下拉窗体样式*/
QComboBox#comboBox_1 QAbstractItemView
{
border:1px solid #f3f3f3;/*边框宽度、线形、颜色*/
background-color:rgba(237, 242, 255, 1);/*背景颜色*/
border-radius:0px 0px 5px 5px;/*圆角*/
padding: 1px 2px 1px 2px;/*针对于组合框中的文本内容*/
outline:0px;/*去除虚线框*/
}
/*下拉后,整个下拉窗体每项的样式*/
QComboBox#comboBox_1 QAbstractItemView::item
{
border-radius:3px;/*圆角*/
background-color:rgb(237, 242, 255);/*每项的背景颜色*/
}
/*下拉后,整个下拉窗体每项鼠标悬浮的样式*/
QComboBox#comboBox_1 QAbstractItemView::item:hover
{
color:#FFFFF0;/*每项的文字颜色*/
background-color: rgb(77, 123, 255);/*每项的背景颜色*/
}
相关推荐
肥or胖12 小时前
【FFmpeg 快速入门】本地播放器 项目
开发语言·qt·ffmpeg·音视频
小灰灰搞电子18 小时前
Qt Quick 粒子系统详解
开发语言·qt
暴躁茹20 小时前
Qt 将触摸事件转换为鼠标事件(Qt4和Qt5及以上版本)
开发语言·qt·计算机外设
大专生学编程1 天前
QT简介和QT环境搭建
c++·qt
feiyangqingyun1 天前
Qt/C++开发监控GB28181系统/视频点播没有ssrc问题的处理/兼容各种设备和应用场景需求
c++·qt·gb28181
小堃学编程1 天前
QT跨平台应用程序开发框架(10)—— Qt窗口
开发语言·qt
轩宇^_^1 天前
Qt CMake 学习文档
数据库·qt·学习
小徐不徐说1 天前
QT技巧之快速搭建串口收发平台
开发语言·c++·qt·串口·软件构建·个人开发·通信
天堂陌客1 天前
QT 交叉编译环境下,嵌入式设备显示字体大小和QT Creator 桌面显示不一致问题解决
开发语言·qt·字库
小堃学编程2 天前
QT跨平台应用程序开发框架(9)—— 容器类控件
开发语言·qt