Css 为什么'；此文本输入是否符合我设置的样式

我有一个设置了高度和填充的文本输入，但是填充无效。更奇怪的是。我创建了一个js提琴（链接如下），在js提琴中效果很好，但是如果我制作一个测试页面并直接在浏览器中打开它（mac上的chrome），它会忽略填充。请帮帮我，我已经想尽一切办法了

顺便说一句，我正在mac的chrome上测试这个

更新

我已经链接到一个文件，其中问题是明确的

更新2

@truth建议使用box Size属性，该属性在opera中运行良好，但在IE的每个版本中都会出现中断。更新页面如下：

---

根据您发布的示例，

标记的位置不正确。尝试将其放置在文档的

标记中…

将以下属性添加到规则列表中：

box-sizing: content-box;

由于某种原因，Chrome应用了“边框框”，这会导致您的

高度：13px将从边框计算，而不是从内容计算

如果我将框架中的填充物与框架中的填充物进行比较，我觉得很好。还是我遗漏了什么？@MathiasBynens我在问他是否在他的页面上使用了CSS重置，我知道JSFIDLE使用了CSS重置，这可能是不同之处……@真相可能是正确的。在JSFIDLE页面上，包含CSS重置。请参见“规范化CSS”复选框。（注意：它使用的是重置，而不是）。我删除了normalize.css添加的样式，但没有任何区别。@mrsmee它不是
normalize.css
！这通常不重要，但我试了一下，结果它不起作用。不过，谢谢。为了验证起见，最好将标签放在正确的位置。：）我不知道，奇怪的是，它不会发生在JSFIDLE上，但会发生在您的站点上。也许其他人可以解释这个问题，我刚刚在IE中测试了它，它在每个版本中都会出现问题。很奇怪，这在我身上从未发生过。