我想将我的 textarea
的占位符文本居中。下面的代码在 Chrome 和 IE 中运行良好,但在 Safari 中是左对齐的:
::-webkit-input-placeholder {
text-align:center;
}
:-moz-placeholder {
text-align:center;
}
如何让它在 Safari 中居中(最好只使用 CSS)?
最佳答案
此问题特定于 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/
关于javascript - 在 Safari 中将 textarea 占位符文本居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11464335/