HTML输入,文本区域并选择相同宽度

HTML输入,文本区域并选择相同宽度,html,input,width,Html,Input,Width,我想创建一个HTML表单,用户可以在其中插入: 输入中的名称type=text“ 使用“选择标记”从列表中选择一辆车 文本区域中的消息 如何使输入、选择和文本区域具有相同的宽度?将css属性宽度设置为相同的值: <input type="text" style="width:150px" /> 您可以创建css类并将其分配给他们: <style> .same-width{ width:200px !important; } </style> &l

我想创建一个HTML表单,用户可以在其中插入:

  • 输入中的名称
    type=text“
  • 使用“选择标记”从列表中选择一辆车
  • 文本区域中的消息

如何使输入、选择和文本区域具有相同的宽度?

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

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

您可以创建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>

.相同宽度{
宽度:200px!重要;
}
沃尔沃
萨博
梅赛德斯
奥迪

将css应用于输入标记,如输入[type=“text”],选择,textarea{width:300px;}每个人都这么说,但它应该被视为边距、填充……感谢你的回答,但它不起作用,所有3个元素都有不同的宽度感谢你的回答,但它不起作用,所有3个元素都有不同的宽度