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

Question

<input id="txtComputer">

如何让输入标签内的文字更大？我想制作24尺寸的字体。如果我可以从默认的

更改字体也会很好

Answer 1

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

CSS

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

Answer 2

在“头部”部分，添加以下代码：

<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;
 }

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