Textarea многострочный заполнитель, но каждая строка имеет другой стиль

Question

Я хочу сделать заполнители, как я приложил фотографию ниже

Я попробовал несколько пути, но они не работают, Есть ли способ сделать это.

Answer 1

Это довольно просто добиться того, что с помощью псевдо-CSS-классов для заполнителя:

textarea::-webkit-input-placeholder { 
 
    /* design first line here */  
 
    font-size: 2em; 
 
} 
 

 
textarea::-webkit-input-placeholder::after { 
 
    /* design second line here */ 
 
    display:block; 
 
    content:"Please note that we do not work..."; 
 
    font-style:italic; 
 
    font-size: .6em; 
 
    margin-top: 20px; 
 
}

<textarea placeholder="Message" rows="10" cols="50"></textarea>

К сожалению, вы должны повторить код для всех браузеров, используя запятые выиграла» т:

textarea::-webkit-input-placeholder { code... } 
textarea:-moz-input-placeholder { code... } 
textarea::-moz-input-placeholder { code... } 
textarea:-ms-input-placeholder { code... }