Textarea和input具有不同的宽度。

7 浏览
0 Comments

Textarea和input具有不同的宽度。

CSS:

textarea, input {
  width:300px;
}

HTML:

演示: http://codepen.io/qaz/pen/teaiG

为什么输入框和文本框显示的宽度不同？我需要添加哪些属性使它们的宽度相同？

更新：

通过将边框和内边距设置为0像素，我可以使它们以相同的宽度显示。然而，没有人想要padding:0px，而且奇怪的是，当它们的padding都是，比如，10px时，它们的宽度不再相同。虽然我已经找到了padding:0px的解决方案，但我仍然对如何解释和允许仍然具有内边距的解决方案感兴趣。

（我使用的是Windows 7上的Chrome 35。）

0