html - textarea 铬宽度高度

Question

我使用以下 HTML：

<textarea></textarea>

以及以下 CSS：

textarea{
display: block;
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
width: 100px;
height: 100px;
resize: none;
}

Firefox、Safari 给了我我期望的 100 x 100 的 textarea，但 Chrome 为 111 x 111（甚至 Chrome 检查器也显示 100x100）。

这是我截取的截图：http: //afbeelding.im/GF5f3d

score 3 · Accepted Answer

对填充和边距的东西感到困惑？box-sizing在这儿！

box-sizing可以确保元素的大小与您设置的大小完全相同，无论填充或边距如何，它仍然是相同的。

box-sizing: border-box;  //This will make your life much easier.

html - textarea 铬 宽度 高度