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