[ 已实现 ] 求助 css：类语雀光标所在行微提示

疑问解答
1

有大佬能实现这种类似 placeholder 的效果吗

image
image1820×1113 108 KB

光标所在行有点污染页面，移除又不好定位光标，这种当光标所在行没有文字时显示一段提示文字的方式感觉挺不错的

已实现 css 片段如下

/* 所在行提示 */
.cm-active.cm-line:has(br:only-child):not(.HyperMD-codeblock-bg)::before {
    content: "请输入内容";
    color: var(--text-faint);
    font-style: italic;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

20260604 初版：@潦草

20260605 排除代码块

2

楼主是希望在编辑器里实现这种效果？没理解

3

是的，编辑视图下实现，这种效果很多地方都有，比如语雀的编辑页面，密码输入框提示，我记得obsidian里也有插件实现了，不过插件就太重了

4

PixPin_2026-06-04_17-40-12

类似效果

5

非专业人士，参考了一下ai，不知道这个是否实现了你想要的效果

.cm-active.cm-line:has(br:only-child)::before {
    content: "请输入内容";
    color: var(--text-faint);
    font-style: italic;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
6

测试目前看着没问题，爆赞