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... }