占位符在Chrome中看起来很奇怪，如何解决

Question

如下图所示，在Chrome浏览器中，占位符效果不佳......它向左侧滑动。

我如何解决这个问题。

我没有使用任何CSS作为占位符

代码就像

<input type="text" name="users_address" placeholder="Address" required="">

Answer 1

不知道为什么会这样，你可以在你的css中添加这段代码

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder {
  text-indent:10px;
}

Answer 2

仅限Chrome，

::-webkit-input-placeholder {text-indent:15px;}