无法调整输入字段大小

Question

我已经单独和单独尝试了size属性和width属性。 但它没有成功。 我想要不同大小的输入和文本区域。 这是我的片段。

CSS：

input, textarea{
    margin-left: 12px;
    font-family: segoe ui;
    width: 200;
}

HTML：

<input name="mail" type="email" class="form-control" id="usrMail" size="20"/>
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>

Answer 1

如果您使用bootstrap，请查看 bootstrap forms sizing 。

在表单中输入大小调整：

使用.input-lg和.input-sm等类来设置输入元素的高度。

使用.col-lg-*和.col-sm-*等网格列类设置元素的宽度。

Answer 2

＆＃13;

＆＃13;

input, textarea {
  margin-left: 12px;
  font-family: 'segoe ui'; 
}

input {
  width: 200px;
}

textarea {
  width: 300px;
}

＆＃13;

<input name="mail" type="email" class="form-control" id="usrMail" size="20"/>
<br />
<br />
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>

＆＃13;

＆＃13;

＆＃13;

Answer 3

让你的CSS正确无误。使用'px'（200px）代替宽度，而不是使用200。

input, textarea{
	margin-left: 12px;
	font-family: segoe ui;
	width: 200px;
	/* Put your other CSS here */
}

<input name="mail" type="email" class="form-control" id="usrMail" size="20"/>
<br /><br />
<textarea name="comment" class="form-control" rows="5" id="comment"></textarea>