通过css自定义placeholder

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

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

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

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

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