无法调整输入字段大小
Cannot adjust input field size
我已经分别尝试过尺寸属性和宽度 属性。
但这行不通。
我想要不同大小的输入和文本区域。
这是我的片段。
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>
input, textarea {
margin-left: 12px;
font-family: 'segoe ui';
}
input {
width: 200px;
}
textarea {
width: 300px;
}
<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>
如果您正在使用 bootstrap
,请查看 bootstrap forms sizing。
表单中的输入大小:
使用 类 设置输入元素的高度,例如 .input-lg
和 .input-sm
。
使用网格列 类 设置元素的宽度,例如 .col-lg-*
和 .col-sm-*
。
使您的 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>
我已经分别尝试过尺寸属性和宽度 属性。 但这行不通。 我想要不同大小的输入和文本区域。 这是我的片段。
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>
input, textarea {
margin-left: 12px;
font-family: 'segoe ui';
}
input {
width: 200px;
}
textarea {
width: 300px;
}
<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>
如果您正在使用 bootstrap
,请查看 bootstrap forms sizing。
表单中的输入大小:
使用 类 设置输入元素的高度,例如 .input-lg
和 .input-sm
。
使用网格列 类 设置元素的宽度,例如 .col-lg-*
和 .col-sm-*
。
使您的 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>