html - 如何更改输入框的大小?

标签 html input textbox styling

我的网站中有以下输入框,但我不知道如何更改它们的宽度和高度。本搜索但找不到任何东西,如果你找不到似乎很奇怪。 非常感谢任何其他样式代码或指向属性的链接!

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>

最佳答案

只需使用 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>

关于html - 如何更改输入框的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20124487/

相关文章:

javascript - 从 JavaScript 中的输入文本框获取数组

php - 将所有 $_POST[] 值发送到 "nextpage."

javascript - 根据源 ID 更改 onkeypress 事件的函数参数

winforms - 如何给文本框一个初始值?

html - 从具有最小长度的子节点获取所有文本

jquery - "Clickable" Canvas 驱动的翻页演示中的链接和文本输入

.net - 键入时,如何在文本框中将值格式化为货币(例如123,456.50)?

javascript - 将 Angular Directive(指令)与 Controller 链接

javascript - 如何在每次鼠标悬停事件时计算 img 标签

html - 为什么这个选择打不开?