有没有一种简单的方法可以使html textarea和输入类型文本同样宽？

Question

是否有一种简单的方法可以获得HTML textarea和一个输入类型="text"来渲染(大约)相等的宽度(以像素为单位),这在不同的浏览器中有效吗？

CSS/HTML解决方案非常棒.我宁愿不必使用Javascript.

谢谢/ Erik

Answer 1

你应该可以使用

.mywidth {
  width: 100px;   
}

<input class="mywidth">
<textarea class="mywidth"></textarea>

Answer 2

回答第一个问题(虽然已经回答死亡):CSS宽度是你需要的.

但我想在答案中回答Gaius的问题.Gaius,你的问题在于你是在设置宽度的.这是一个很好的想法,但你需要记住em是基于字体大小.默认情况下,输入区域和textarea具有不同的字体和大小.因此,当您将宽度设置为35em时,输入区域将使用其字体的宽度,而textarea则使用其宽度的字体.文本区域默认字体较小,因此文本框较小.设置宽度(以像素或点为单位),或确保输入框和textareas具有相同的字体外观和大小:

.mywidth {
  width: 35em;
  font-family: Verdana;
  font-size: 1em;
}

<input type="text" class="mywidth"/><br/>
<textarea class="mywidth"></textarea>

希望有所帮助.