HTML输入，textarea并选择相同的宽度

Question

我想创建一个用户插入的HTML表单：

• 输入type=text"
中的名称
• 使用选择标记
从列表中选择汽车
• textarea中的消息

我怎样才能使输入，select和textarea具有相同的宽度？

Answer 1

将css属性宽度设置为相同的值：

<input type="text" style="width:150px" />

Answer 2

您可以创建一个css类并将其分配给它们：

<style>
.same-width{
    width:200px !important;
}
</style>
<input type="text" class="same-width">
<select class="same-width">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<textarea class="same-width"></textarea>