Question

我有一个大的文本输入框，但我无法更改字体大小？

<input type="text">

我想更改文本字段内的字体大小，但我似乎无法使用CSS。有什么帮助吗？

Answer 1

<input style="font-size:25px;" type="text"/>

上面的代码将字体大小更改为25像素。

Answer 2

在CSS样式表中，尝试添加：

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

请参阅此jsFiddle example

Answer 3

更改输入控件字体大小的Javascript是：

input.style.fontSize = "16px";

Answer 4

我想在CSS样式表文件中设置字体大小更改。

我非常确定您希望所有表单字段的所有文本大小相同。在HTML中添加内联样式最后会添加到多行...此外，您还需要将其添加到其他类型的表单字段中，例如<select>。

HTML：

<div id="cForm">
    <form method="post">
        <input type="text" name="name" placeholder="Name" data-required="true">
        <option value="" selected="selected" >Choose Category...</option>
    </form>
</div>

CSS：

input, select {
    font-size: 18px;
}

Answer 5

这也有效。

<input style="width:300px; height:55px; font-size:50px;" />

CSS样式表看起来更好，并且可以轻松地在多个页面上使用。

Answer 6

要更改HTML中<input />标记的字体大小，请使用以下命令：

<input style="font-size:20px" type="text" value="" />

它将创建一个文本输入框，文本框内的文本将为20像素。

Answer 7

将代码更改为

<input class="my-style" type="text" />

CSS：

.my-style {
  font-size:25px;
}

更改文本输入标记中的文本大小？

7 个答案: