javascript - 在 Safari 中将 textarea 占位符文本居中

Question

我想将我的 textarea 的占位符文本居中。下面的代码在 Chrome 和 IE 中运行良好，但在 Safari 中是左对齐的:

::-webkit-input-placeholder {
text-align:center;
}

:-moz-placeholder {
text-align:center;
}

如何让它在 Safari 中居中(最好只使用 CSS)？

Answer 1

此问题特定于 Safari 5.0 和 Safari 5.1 + Win7 - 就其他人所做的测试而言。

Andrew M 说它正在开发 Safari 6.0、5.1 和 Firefox 11 - 都在 Windows 中(没有提到版本，也许不是 Win 7) - 和 Mac。

我刚刚在 Safari 6.0.2、Chrome 24.0.1、Firefox 18.0.1 上测试了下面的代码，可以确认它是在职的。不适用于 Opera 12.10。全部在 OSX Lion 上测试。 http://jsfiddle.net/dreamyguy/ZzdPH/

HTML

<input type="text" placeholder="Lorem ipsum" />

CSS

input { width: 200px; }
::-webkit-input-placeholder {
    text-align:center;
}
:-moz-placeholder {
    text-align:center;
}
:-ms-input-placeholder {
    text-align:center;
}

也许您应该编辑此问题并将其特定于 Safari 5.0 及以下版本，因为这是 Safari 特定的问题，因为该问题已在更高版本中修复。

此引用可能也很有用:http://blog.ajcw.com/2011/02/styling-the-html5-placeholder/