使用此代码(jsbin here),密码字段中的占位符文本的首字母将被推到右侧,但是一旦您单击内部输入填充消失,您就会得到正确的对齐。造成这种情况的原因是什么,需要重置的是什么?
标记:
<input type="text" placeholder="Email"/>
<input type="password" placeholder="Password"/>
CSS:
input {
font-family: monospace;
font-size: 20px;
width: 250px;
}
答案 0 :(得分:0)
您可以将text-align: left
用于placeholder
伪类,以确保它在左侧正确显示在网络浏览器上。
对于Webkit Web浏览器(本例中为Chromium):
::-webkit-input-placeholder {
text-align: left;
}