31

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

<input type="text">

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

4

7 回答 7

46

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

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

于 2012-04-28T12:59:32.433 回答
21

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

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

请参阅此 jsFiddle示例

于 2012-04-28T13:01:27.087 回答
2

这也有效。

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

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

于 2015-02-26T01:02:01.417 回答
2

我会说在您的 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;
}
于 2015-11-19T15:54:06.583 回答
1

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

input.style.fontSize = "16px";
于 2015-03-30T11:14:34.977 回答
0

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

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

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

于 2015-07-27T13:43:04.803 回答
0

将您的代码更改为

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

CSS：

.my-style {
  font-size:25px;
}
于 2020-01-30T22:36:52.170 回答