如何在没有文本光标从中间开始的文本区域中占位符？

Question

例如我有

<textarea placeholder="blah blah blah">

</textarea>

我尝试将占位符置于中心位置......

textarea[placeholder]
{
    text-align: center;
}

但是当我这样做时，文本框光标从中间而不是左边开始。

那么如何在不更改起始光标区域的情况下将占位符消息显示在textarea的中心？

Answer 1

您必须style the placeholder使用特定供应商的pseudo-elements特殊语法：

::-webkit-input-placeholder {
    color: red;
    text-align: center;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: red;
    text-align: center;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: red;
    text-align: center;
}
:-ms-input-placeholder {
    color: red;
    text-align: center;
}

http://jsfiddle.net/hmhu4a3x/2/