样式表记录

XYZHCS

已于 2024-01-12 09:34:02 修改

阅读量403

点赞数 8

文章标签： css 笔记

于 2024-01-10 08:54:13 首次发布

本文链接：https://blog.csdn.net/xiaoyao_zhang/article/details/135494328

版权

本文详细描述了Qt框架中QComboBox、QDoubleSpinBox、QSpinBox、QListView和QScrollBar等控件的CSS样式设置，包括颜色、边框、大小和悬停效果，以及QSlider的滑块和轨道设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QComboBox {
        color:rgba(0,0,0,0.9);
        font: 16px "思源黑体 CN Bold";
        border-color:none;
        background-color: rgba(119,135,162,0.06);
        padding-left:12px;
        border-radius:3px;
}
QComboBox::drop-down {
        border:none;
        
}
QComboBox::down-arrow {
        border-image: url(:/data/images/drop_down.png);
        width:12px;
        height:12px;
}

QDoubleSpinBox, QSpinBox {
        border:none;
        background-color: rgba(119,135,162,0.06);
    font: 16px "思源黑体 CN Bold";
        height:32px;
        color: rgb(32,32,32);
}

QDoubleSpinBox::up-button, QSpinBox::up-button {
        border-image: url(:/data/images/UpArrow.png);
        padding: 2px,0px,0px,0px;
        width:28px;
        height:12px;
}

QDoubleSpinBox::down-button, QSpinBox::down-button {
        border-image: url(:/data/images/DownArrow.png);
        padding: 0px,0px,4px,0px;
        width:28px;
        height:12px;
}


QListView 
{
	font: 14px "Microsoft YaHei";
	font-weight:400;
	border: 1px solid #2F3644;
	background: #1D2530;
	padding-left: 0px;
	border-left:0px;
}

QListView::item
{
	height:32px;
	color: rgba(255, 255, 255, 0.8);
	padding-left: 0px;
}
QListView::item:hover 
{
	border: 1px solid #3A7CFF;
	color: rgba(255, 255, 255, 0.8);
	background: #1D2530;
	padding-left: 0px;
}
QListView::item:selected 
{
	color: rgba(255, 255, 255, 0.8);
	background: rgba(70, 120, 255, 0.38);
	padding-left: 0px;
}

/*垂直滚动条*/
QScrollBar:vertical
{
    width:4px;
    background:rgb(0,0,0,0%);
    margin:0px,0px,0px,0px;
	padding:-2px 0px 3px 0px;
	border-radius:4px;
}

/*滑块样式*/
QScrollBar::handle:vertical
{
    width:4px;
    border-radius:4px;
    background: #334663;
}

/*滑块样式悬浮*/
QScrollBar::handle:vertical:hover
{
    width:4px;
    border-radius:4px;
    background: #334663;
}

/*下箭头*/
QScrollBar::add-line:vertical
{
    height:0px;
    width:10px;
    border-image:url(:/selectfile/scroll/3.png);
    subcontrol-position:bottom;
}

/*上箭头*/
QScrollBar::sub-line:vertical
{
    height:0px;
    width:10px;
    border-image:url(:/selectfile/scroll/1.png);
    subcontrol-position:top;
}

/*下箭头悬浮状态*/
QScrollBar::add-line:vertical:hover
{
    height:0px;
    width:10px;
    border-image:url(:/selectfile/scroll/4.png);
    subcontrol-position:bottom;
}

/*上箭头悬浮状态*/
QScrollBar::sub-line:vertical:hover
{
    height:0px;
    width:10px;
    border-image:url(:/selectfile/scroll/2.png);
    subcontrol-position:top;
}

/*滚动条上面部分和下面部分*/
QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical
{
    background: #1D2530;
    border-radius:4px;
}



QSlider
{	
	min-height: 12px;
	max-height: 12px;
	background-color: transparent;
}
/*滑块*/
QSlider::handle
{
	width: 12px; 
	height:12px;
	margin-top: -3px; 
    margin-left: 0px; 
    margin-bottom: -3px;
    margin-right: 0px;
	border-image: url(:/data/image/Widget/sliderhandle.png);
}

/*滑动槽部分*/
QSlider::groove:horizontal 
{
	border-radius: 6px;
	background-color:#181D27;
	height:6px;
}
/*已滑过的部分*/
QSlider::sub-page:horizontal 
{
	background-color:#3A7CFF;
	border-radius: 6px;
}

/*未滑过的部分*/
QSlider::add-page:horizontal 
{
	background-color:transparent;
	border-radius: 6px;
}

border:1px solid #1F293B;