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

Question

我的客户希望<input>框中有更大的文字。我宁愿不必为此制作自定义图形按钮，因为它是在一个真正受资源限制的嵌入式系统上。

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属性（具体取决于您的方式）风格设置）。此外，请务必检查所有浏览器，因为表单可能非常挑剔。

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

上的示例