如何在 html 表单中将输入字段的占位符对齐居中?
我正在使用以下代码,但它不起作用:
CSS->
input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; }
HTML ->
<form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /> <!<input type="submit" value="submit" /> </form>
如果只想更改占位符样式,请选择::placeholder伪元素
::placeholder
::placeholder { text-align: center; } /* or, for legacy browsers */ ::-webkit-input-placeholder { text-align: center; } :-moz-placeholder { /* Firefox 18- */ text-align: center; } ::-moz-placeholder { /* Firefox 19+ */ text-align: center; } :-ms-input-placeholder { text-align: center; }