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

相关推荐
Mr_chiu几秒前
数据可视化大屏模板:前端开发的效率革命与架构艺术
前端
进击的野人几秒前
一个基于 Vue 的 GitHub 用户搜索案例
前端·vue.js·前端框架
ZsTs119几秒前
《2025 AI 自动化新高度:一套代码搞定 iOS、Android 双端,全平台 AutoGLM 部署实战》
前端·人工智能·全栈
命中水几秒前
从怀疑到离不开:我第一个由 AI 深度参与完成的真实项目复盘
前端·openai
我是ed1 分钟前
# Vue3 图片标注插件 AILabel
前端
心在飞扬1 分钟前
AI 全栈--reactjs 基础总结
前端
七月十二2 分钟前
【TS】虚拟列表无渲染逻辑内核
前端
樊小肆6 分钟前
ollmam+langchain.js实现本地大模型简单记忆对话-PostgreSQL版
前端·langchain·aigc
renke336410 分钟前
Flutter 2025 模块化与微前端工程体系:从单体到可插拔架构,实现高效协作、独立交付与动态加载的下一代应用结构
前端·flutter·架构
wordbaby13 分钟前
配置 Git Hooks:使用 Husky + lint-staged 自动代码检查
前端