Html 单个输入框赢得'；t在没有其他人调整大小的情况下调整大小

很简单。我试图调整单个输入框的大小，但当我尝试调整它们的大小（使用类）时，它会调整每个框的大小。不知道怎么了。代码如下：

/*将页面居中*/
.身体{
保证金：0自动；
宽度：450px；
顶部：50px；
背景色：#444；
溢出：隐藏；
位置：相对位置；
显示：块；
填充物：5px；
}
/*将表格放在页面中央*/
形式{
保证金：0自动；
文本对齐：居中；
}
/*设置文本框的样式*/
输入，文本区{
高度：30px；
背景：#444；
边框：1px纯白；
填充：10px；
字号：1.4em；
颜色：白色；
字体系列：“Lato”，无衬线；
}
输入：焦点，文本区域：焦点{
边框：1px纯白；
颜色：白色；
}
#提交{
高度：50px；
光标：指针；
}
#提交：悬停{
背景色：#005f5f；
}
.info{
尺寸：175px；
}
.留言{
尺寸：400px；
}

所有输入的类都是相同的ie.info。所有具有相同类的输入将获得相同的样式。因此，您的大小调整将应用于所有输入。为要调整大小的输入指定不同的类，或者预先指定id，然后使用CSS调整大小。由于info中只有指定的宽度，其他方面不会改变。

所有输入的类都是相同的ie.info。所有具有相同类的输入将获得相同的样式。因此，您的大小调整将应用于所有输入。为要调整大小的输入指定不同的类，或者预先指定id，然后使用CSS调整大小。由于信息中只有指定的宽度，所以其他方面不会改变。

size

不是调整html输入大小的精确方法。 我建议使用例如：

width:10em

或

width:20px

来调整输入的宽度

对于CSS，您可以使用name属性指定要具有不同宽度的元素

.info[name='email'] {
  width: 12em;
}

.info[name='name'] {
  width: 13em;
}

<input class="info" name="name" placeholder="What's your name?">            
<input class="info" name="email" type="email" placeholder="What's your email?">

运行下面的代码段以获取不同宽度输入表单的示例。

/*将页面居中*/
.身体{
保证金：0自动；
宽度：450px；
顶部：50px；
背景色：#444；
溢出：隐藏；
位置：相对位置；
显示：块；
填充物：5px；
}
/*将表格放在页面中央*/
形式{
保证金：0自动；
文本对齐：居中；
}
/*设置文本框的样式*/
输入，文本区{
高度：30px；
背景：#444；
边框：1px纯白；
填充：10px；
字号：1.4em；
颜色：白色；
字体系列：“Lato”，无衬线；
}
输入：焦点，文本区域：焦点{
边框：1px纯白；
颜色：白色；
}
#提交{
高度：50px；
光标：指针；
}
#提交：悬停{
背景色：#005f5f；
}
.info[name=“name”]{
宽度：13em；
}
.info[name='email']{
宽度：12em；
}
.留言{
宽度：400px；
}

---

size

不是调整html输入大小的精确方法。 我建议使用例如：

width:10em

或

width:20px

来调整输入的宽度

对于CSS，您可以使用name属性指定要具有不同宽度的元素

.info[name='email'] {
  width: 12em;
}

.info[name='name'] {
  width: 13em;
}

<input class="info" name="name" placeholder="What's your name?">            
<input class="info" name="email" type="email" placeholder="What's your email?">

运行下面的代码段以获取不同宽度输入表单的示例。

/*将页面居中*/
.身体{
保证金：0自动；
宽度：450px；
顶部：50px；
背景色：#444；
溢出：隐藏；
位置：相对位置；
显示：块；
填充物：5px；
}
/*将表格放在页面中央*/
形式{
保证金：0自动；
文本对齐：居中；
}
/*设置文本框的样式*/
输入，文本区{
高度：30px；
背景：#444；
边框：1px纯白；
填充：10px；
字号：1.4em；
颜色：白色；
字体系列：“Lato”，无衬线；
}
输入：焦点，文本区域：焦点{
边框：1px纯白；
颜色：白色；
}
#提交{
高度：50px；
光标：指针；
}
#提交：悬停{
背景色：#005f5f；
}
.info[name=“name”]{
宽度：13em；
}
.info[name='email']{
宽度：12em；
}
.留言{
宽度：400px；
}