语境

我有这样的：铬填补错误

<input type="text" placeholder="Un employé, un standard ou un numéro..." />

使用CSS属性：padding: 4px。

渲染：

enter image description here

有关信息，我用引导的CSS。

调查

在屏幕上，浏览器只是做padding-left: 4px而不是padding: 4px。我试过padding: 4px 4px 4px 4px和padding-top: 4px; padding-right: 4px; etc。

同样的问题。

奇怪的是，我试了padding-top: 4px独自工作。与任何padding-xxx一样的东西。

最后，我尝试padding: 4px在input我的网页，它的工作原理。

什么问题？

2012-02-29 GG.

你有什么'高度'价值通过CSS设置为'输入'？尝试删除它，如果是这样，并看看是否有帮助。 – 2012-02-29 10:48:41

它的工作表示感谢。发布一个答案，我接受它。 :) – 2012-02-29 11:02:21

您是否有任何height通过CSS设置为您的input？尝试删除它，如果是这样，并看看是否有帮助。

（评论复制的答案接受。）

2012-02-29 13:32:53

您是否在元素上设置了填充或高度，请尝试增加/减少或者如果它不起作用，那么将其移除并再次测试可能有帮助。请尝试在所有浏览器中同时测试它，以便在所有浏览器中使其相似。

2012-02-29 11:54:28 w3uiguru

的Chrome应用默认样式大多数表单元素。我们通过将-webkit-appearance: none;添加到<input>的样式中来解决此问题。

2012-02-29 13:36:10 approxiblue

感谢您的建议。 – 2012-02-29 14:53:41

我用Bootstrap再次遇到了这个问题，这是因为我有<!DOCYTPE>而不是<!DOCTYPE html>。

2012-09-11 08:11:37