如何更改HTML输入标记的字体和字体大小？

Question

<input id="txtComputer">

如何让输入标签内的文字更大？我想制作24尺寸的字体.如果我可以从默认值更改字体也会很好

Answer 1

<input type ="text" id="txtComputer">

CSS

input[type="text"]
{
    font-size:24px;
}

Answer 2

在"head"部分中,添加以下代码:

<style>
input[type='text'] { font-size: 24px; }
</style>

或者你只能添加:

input[type='text'] { font-size: 24px; }

到一个CSS文件,以后可以包含.

您还可以使用CSS属性更改字体外观:font-family

font-family: monospace;

所以你可以有这样的CSS代码:

input[type='text'] { font-size: 24px; font-family: monospace; }

您可以在W3Schools网站上找到更多帮助.

我建议你看看CSS3规范.使用CSS3,您还可以从Web加载字体,而不是限制只使用最常用的字体或告诉用户下载您正在使用的字体.

Answer 3

在你的 css 中：

 #txtComputer {
      font-size: 24px;
 }

您可以完全设置输入的样式（背景、颜色等），甚至可以使用悬停事件。