QSS 设置bug

问题描述:

在QWidget上add 一个QLabel,但是死活不生效

原因:

c++ 主程序如下:

cpp 复制代码
        QWidget* LOGO = new QWidget(logo_wnd);
        LOGO->setFixedSize(logo_width, 41);
        LOGO->setObjectName("TittltLogo");

        QVBoxLayout* title_layout = new QVBoxLayout(LOGO);
        title_layout->setMargin(0);
        title_layout->setContentsMargins(QMargins(0, 0, 0, 0));
        title_layout->setSpacing(0);
        LOGO->setLayout(title_layout);

        QLabel* titleLabel = new QLabel(LOGO);
        titleLabel->setObjectName("TitleLogoLabel"); titleLabel->setAlignment(Qt::AlignCenter);
        titleLabel->setText(LanguageReader::GetInstance().GetLanguageText(MAIN_FORM, "SystemTitle"));
        titleLabel->adjustSize();
        title_layout->addWidget(titleLabel);

qss如下:QWidget 的qss设置在QLabel 的前边

cpp 复制代码
QWidget#TittltLogo 
{
    background-color: transparent;
    border: none;
    //background-image: url(./Source/TittleText.png);
}

QLabel#TitleLogoLabel
{
    background-color: transparent;
    font-family: 'Microsoft YaHei';font-size: 20px; font-style: normal; font-weight: 600; color:#DCDCDC;
    border: none;
}

qss: 需要将 位置互换

cpp 复制代码
QLabel#TitleLogoLabel
{
    background-color: transparent;
    font-family: 'Microsoft YaHei';font-size: 20px; font-style: normal; font-weight: 600; color:#DCDCDC;
    border: none;
}

QWidget#TittltLogo 
{
    background-color: transparent;
    border: none;
    //background-image: url(./Source/TittleText.png);
}

不太明白....................有缘人解答下为什么?

问题补充:2024.11.15

如果按上述修改,还是会有问题,会影响原来的其它控件的qss设置,如下图所示:

将QWidget的qss注释即可:正常的应该是

问题解决了,真相大白:

QSS CSS 中注释一行只能使用 /*......................*/ 单行和多行都是。

相关推荐
街尾杂货店&1 小时前
css - 实现三角形 div 容器,用css画一个三角形(提供示例源码)简单粗暴几行代码搞定!
前端·css
顺凡1 小时前
删一个却少俩:Antd Tag 多节点同时消失的原因
前端·javascript·面试
小白路过1 小时前
CSS transform矩阵变换全面解析
前端·css·矩阵
爬山算法1 小时前
Redis(110)Redis的发布订阅机制如何使用?
前端·redis·bootstrap
REDcker1 小时前
前端打包工具 - Rollup 打包工具笔记
前端·笔记
前端大卫1 小时前
动态监听DOM元素高度变化
前端·javascript
前端大卫2 小时前
Webpack 老项目的优化实践
前端
开利网络2 小时前
合规底线:健康产品营销的红线与避坑指南
大数据·前端·人工智能·云计算·1024程序员节
yinuo2 小时前
纯CSS&JS实现:丝滑渐变过渡的动态导航栏
前端
qq. 28040339842 小时前
vue介绍
前端·javascript·vue.js