是否可以更改 HTML 输入标记中文本的大小？

Question

我有一位客户想要在 框中输入更大的文本。我宁愿不必为此制作自定义图形按钮，因为它位于资源真正受限的嵌入式系统上。

Answer 1

input 标签的样式可以像 HTML 中的任何其他元素一样设置，包括填充、边框、文本字体/大小等。

input{
    font: sans-serif italic 20pt bold;
    border: 2px black solid;
}

或者您想要的任何样式。

Answer 2

只需指定元素所需的 font-size：

input {
    font-family: tahoma, verdana, sans-serif;
    font-size: 1.1em;
}

我使用了相对大小 (em)，因此如果用户定义了较大的字体大小，则比例将保持不变在浏览器中。

Answer 3

您不仅应该增加 font-size，如果输入元素没有增加 height 和 line-height 属性，您可能还需要增加 height 和 line-height 属性t 随文本缩放（取决于样式的设置方式）。另外，请务必检查所有浏览器，因为表单可能非常挑剔。

Answer 4

是的，这是可能的，而且做起来也很简单！

HTML：

<input type="text" class="example_input" name="example_input" />

和 CSS：

.example_input{
font: Arial, Helvetica, sans-serif 20px bold;
border: 1px black solid; //optional
}

希望有帮助！

编辑：jsFiddle 上的示例