通过css自定义placeholder

105 字
1 分钟
通过css自定义placeholder

我们都知道placeholder属性只有在input标签(且类型为text、search、url、tel、email 和 password)中才会展示,那么如何在设置了contentEditable=true的div标签中如何展示placeholder呢?

<div className="App" placeholder="在这里输入"></div>;

可以利用伪元素结合css attr()函数来实现#

需要在指定元素上设置placeholder属性

.App:empty:before {
content: attr(placeholder);
color: rbga(0, 0, 0, 0.45);
}

演示地址

通过css自定义placeholder
https://wangxiang.website/posts/语言基础/placeholder/
作者
翔子
发布于
2022-08-02
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
翔子
前端开发工程师
公告
博客已从 VitePress 迁移到 Astro + Firefly 主题,223 篇文章全部保留。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
221
分类
9
标签
28
总字数
411,914
运行时长
0
最后活动
0 天前

文章目录