1. 程式人生 > >用div來替換input,可以豎著打字

用div來替換input,可以豎著打字

有個需求,需要在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;
    }