contentEditable

发表于   |  

  • HTML

    1
    <div contentEditable=true data-ph="My Placeholder String"></div>

  • CSS

    1
    2
    3
    4
    5
    6
    7
    8
    9
    [contentEditable=true]{
    border:1px solid grey;  
    }

    [contentEditable=true]:empty:not(:focus):before{
    content:attr(data-ph);
    color:grey;
    font-style:italic;
    }