有个需求,需要在input框内竖着打字。搜到一个css属性:writing-mode;然后在很多浏览器上面都不兼容,至少万能的谷歌是不行的,因此想到可以用div模拟input的功能:
1、模拟input打字。使用 contenteditable=true这个属性即可
2、模拟input的placeholder
div:empty:before{
content: attr(placeholder);
color:#bbb;
}
div:focus:before{
content:none;
}