Chromium中密码字段中占位符文本的初始填充错误

时间:2014-03-02 21:19:25

标签: css chromium

使用此代码(jsbin here),密码字段中的占位符文本的首字母将被推到右侧,但是一旦您单击内部输入填充消失,您就会得到正确的对齐。造成这种情况的原因是什么,需要重置的是什么?

Screenshot

标记:

<input type="text" placeholder="Email"/>
<input type="password" placeholder="Password"/>

CSS:

input {
  font-family: monospace;
  font-size: 20px;
  width: 250px;
}

1 个答案:

答案 0 :(得分:0)

您可以将text-align: left用于placeholder伪类,以确保它在左侧正确显示在网络浏览器上。

对于Webkit Web浏览器(本例中为Chromium):

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