Javascript 如何在文本框中定位占位符,而没有文本光标从中间开始?

Javascript 如何在文本框中定位占位符,而没有文本光标从中间开始?,javascript,html,css,Javascript,Html,Css,比如我有 <textarea placeholder="blah blah blah"> </textarea> 但当我这样做时,文本框光标从中间开始,而不是从左边开始。p> 那么,如何在不更改起始光标区域的情况下使占位符消息显示在文本区域的中心?您必须使用特定于供应商的特殊语法: ::-webkit-input-placeholder { color: red; text-align: center; } :-moz-placeholder {

比如我有

<textarea placeholder="blah blah blah">

</textarea>

但当我这样做时,文本框光标从中间开始,而不是从左边开始。p> 那么,如何在不更改起始光标区域的情况下使占位符消息显示在文本区域的中心?

您必须使用特定于供应商的特殊语法:

::-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;
}

您能否提供一些有关
previewtarget
属性的参考信息?我不知道,在网上也找不到。哦,对不起,对不起,大脑放屁,那应该是“占位符”而不是previewtarget,previewtarget是我今天一直在搞乱的东西的ID。现在它有意义了。:)顺便说一句,使用
textarea[placeholder]
选择器,您正在将样式应用于具有
placeholder
属性的
textarea
,而不是应用于
placeholder
本身。哦,我明白了,这就是我的错误所在。这是非常有用的信息,谢谢!非常感谢!我真的不明白这是怎么回事,但谢谢!(也很抱歉发布了一篇可能是重复的文章,如果我能正确记住它的名称,我就不必问了)
::占位符是现代浏览器所需要的全部内容:
::-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;
}