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 中注释一行只能使用 /*......................*/ 单行和多行都是。

相关推荐
lecepin10 分钟前
AI Coding 资讯 2025-09-17
前端·javascript·面试
IT_陈寒13 分钟前
React 18实战:7个被低估的Hooks技巧让你的开发效率提升50%
前端·人工智能·后端
树上有只程序猿1 小时前
终于有人把数据库讲明白了
前端
猩兵哥哥1 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
司宸1 小时前
Prompt设计实战指南:三大模板与进阶技巧
前端
RoyLin1 小时前
TypeScript设计模式:抽象工厂模式
前端·后端·typescript
华仔啊1 小时前
Vue3+CSS 实现的 3D 卡片动画,让你的网页瞬间高大上
前端·css
江城开朗的豌豆1 小时前
解密React虚拟DOM:我的高效渲染秘诀 🚀
前端·javascript·react.js
vivo互联网技术1 小时前
拥抱新一代 Web 3D 引擎,Three.js 项目快速升级 Galacean 指南
前端·three.js