用css实现可编辑div输入框的placeholder效果

方法1.输入框获取到光标时placeholder内容立刻消失

方法 2.输入框输入内容时placeholder内容消失，效果和input、textarea效果一样

两种效果唯一的差别就是处理 div 的内容为空的样式不一样，前者是在获取光标时设置伪元素 ::before 的内容为空，后者是在获取光标时设置 div 的内容为空，根据需求选择使用就行。

需要注意的地方：目前发现第二种情况的实现方式在 window10 的 Edge 浏览器下会有一个小问题，输入框获取光标时，光标会显示在 placeholder 内容的后面，虽然不影响使用，但是体验不是很好，这个时候只要把伪元素 ::before 改为 ::after 就可以解决这个问题。