javascript - 如何在没有文本光标从中间开始的情况下将占位符居中放置在文本区域中？

Question

比如我有

<textarea placeholder="blah blah blah">

</textarea>

然后我尝试像这样将占位符居中...

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

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

那么如何在不改变起始光标区域的情况下让占位符消息显示在文本区域的中心？

Answer 1

你必须 style the placeholder使用特殊语法 pseudo-elements这是特定于 vendor 的:

::-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/