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

Question

如下图所示，在 Chrome 浏览器中，Placeholder 无法正常工作...它正在向左侧滑动。

我该如何解决这个问题。

我没有为占位符使用任何 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;
}