Qt 5.12如何实现QLineEdit顶部边框显示文字的自定义样式

方案一：纯QSS样式表实现（无自定义代码，接入成本最低） #

该方案适合仅需要静态样式、无复杂图标交互的场景，直接给目标QLineEdit控件设置如下样式表即可：

/* 普通状态样式 */
QLineEdit {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 12px;
    /* 如果需要左侧带图标，把上面padding改为 padding: 0 12px 0 32px; 再放开下面三行注释 */
    /* background-image: url(:/icons/search.png); */
    /* background-position: 8px center; */
    /* background-repeat: no-repeat; */
    background-color: #ffffff;
    font-size: 14px;
    min-height: 32px;
}

/* 聚焦状态样式，匹配示例图的高亮效果 */
QLineEdit:focus {
    border: 1px solid #409eff;
    box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
    outline: none;
}

/* 禁用状态样式（可选补充） */
QLineEdit:disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
}

/* 占位符文字样式（可选补充） */
QLineEdit::placeholder {
    color: #909399;
}

你可以根据实际设计需求调整圆角大小、边框颜色、发光强度等参数。 #

方案二：自定义扩展实现（支持图标交互等复杂需求） #

如果需要实现左侧图标点击响应、动态切换图标等交互，可以直接用Qt原生的QLineEdit动作接口实现，无需重写绘制逻辑：

// 头文件声明
#include <QLineEdit>
#include <QAction>
#include <QIcon>

class CustomLineEdit : public QLineEdit
{
    Q_OBJECT
public:
    explicit CustomLineEdit(QWidget *parent = nullptr) : QLineEdit(parent)
    {
        // 把图标添加到输入框左侧位置
        QAction *searchAction = addAction(QIcon(":/icons/search.png"), QLineEdit::LeadingPosition);
        // 绑定图标点击信号（按需添加）
        connect(searchAction, &QAction::triggered, this, [=](){
            // 此处编写图标点击后的业务逻辑，比如触发搜索、清空输入等
            this->setFocus();
        });
        // 绑定样式表
        this->setStyleSheet(R"(
            QLineEdit {
                border: 1px solid #dcdfe6;
                border-radius: 4px;
                padding: 0 12px 0 32px;
                background-color: #ffffff;
                font-size: 14px;
                min-height: 32px;
            }
            QLineEdit:focus {
                border: 1px solid #409eff;
                box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
                outline: none;
            }
        )");
    }
};

该方案完全兼容Qt 5.12所有版本，无额外依赖，交互逻辑可按需扩展。 #

内容的提问来源于stack exchange，提问作者Abdurahmon