无法调整输入字段大小

Question

我已经分别尝试过尺寸属性和宽度属性。但这行不通。我想要不同大小的输入和文本区域。这是我的片段。

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

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>

Answer 2

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

表单中的输入大小：

使用类设置输入元素的高度，例如 .input-lg 和 .input-sm。

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

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>

无法调整输入字段大小

Cannot adjust input field size

html

css

twitter-bootstrap

html-input