如何更改输入框的大小?

时间:2013-11-21 15:06:01

标签: html input textbox styling

我的网站上有以下输入框,但我不知道如何更改它们的宽度和高度。 Ben搜索但找不到任何东西,虽然你不能,但看起来很奇怪。 任何其他样式代码或akk属性的链接非常感谢!

HTML

<input type="text" id="FontTextBox">
<input type="number" id="FontSizeBox">
<select id="FontStyle">
    <option value="1">Arial</option>
    <option value="2">Comic Sans MS</option>
    <option value="3">Courier New</option>
    <option value="4">Georgia</option>
    <option value="5">Impact</option>                       
</select>

1 个答案:

答案 0 :(得分:1)

只需使用CSS样式 - 宽度和高度:

<input type="text" id="FontTextBox" style="width: 100px; height: 100px;">
<input type="number" id="FontSizeBox" style="width: 100px; height: 100px;">
<select id="FontStyle" style="width: 100px; height: 100px;">
    <option value="1">Arial</option>
    <option value="2">Comic Sans MS</option>
    <option value="3">Courier New</option>
    <option value="4">Georgia</option>
    <option value="5">Impact</option>                       
</select>