通过css自定义placeholder

正在加载今日诗词....

2022-08-01

我们都知道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);
}