html - 更改文本输入标签中的文本大小？

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示例

Answer 3

这也有效。

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

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

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

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

input.style.fontSize = "16px";

Answer 6

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

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

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

Answer 7

将您的代码更改为

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

CSS：

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