フォーム部品の文字サイズを指定する(CSS)
font-size: ***;
 font-size は、全てのタグ(要素)に適用できます。

 font-size は、文字サイズを指定するプロパティです。このプロパティを<input>タグ(要素)、 <textarea>タグ(要素)、<select>タグ(要素)に設定すると、入力欄や送信ボタン、セレクトボックスなどの文字サイズを指定できます。

 input, select { font-size: 100%; }   textarea { font-size: 12pt; }
プロパティ名説  明
font-size 数値+単位など 文字サイズを指定
* 文字サイズの指定方法は、「文字サイズを指定する」をご覧下さい。
 入力欄、送信ボタン、セレクトボックスなどの文字サイズは、やや小さめの文字サイズで表示されます。font-size:100%; を指定すると、入力欄などの文字サイズが標準のサイズで表示されるようになります。

 ★ 使用例とブラウザでの表示 (i4-1)スタイルシートの書き方(基本)は、こちら です。
設定例 : .i4-1ex input, .i4-1ex select { font-size: 100%; }
使 用 例   ブラウザの表示
★ 文字サイズ:指定無し
<form method=post action="exam.cgi">
お名前:<br><input type=text name=name value=サンプル>
好きな色:<br><select name=color>
<option value="#ffffff">white(白色)</option>
.... </select>
<input type=submit name=sub value=送信>
</form>
お名前:


好きな色:


※サンプルのため送信不可
★ 文字サイズ:100%
<form method=post action="exam.cgi" class=i4-1ex>
お名前:<br><input type=text name=name value=サンプル>
好きな色:<br><select name=color>
<option value="#ffffff">white(白色)</option>
.... </select>
<input type=submit name=sub value=送信>
</form>
お名前:


好きな色:


※サンプルのため送信不可
.i4-1ex input.i4-1ex select は、親要素で指定する時の記述方法です。
この例では<form>タグで一括して文字サイズを指定しています。

関連するページ
CSS スタイルシート文字サイズ指定:文字サイズを指定する
HTML タグページ 入力フォーム:入力フォームを作る

フォーム部品の文字色を指定する(CSS)
color: #0000ff;
 color は、全てのタグ(要素)に適用できます。

 color は、文字色を指定するプロパティです。このプロパティを<input>タグ(要素)、 <textarea>タグ(要素)、<select>タグ(要素)に設定すると、入力欄や送信ボタン、セレクトボックスなどの文字色を指定できます。

 input, select, textarea { color: #0000ff; }
プロパティ名説  明
color カラーコードまたはカラーネームを指定
色の指定は、カラーコード(#ffffff,#fff,rgb(255,0,0))または、カラーネーム(red,blue)で行います。詳細は、「カラーネーム」のページをご覧下さい。カラーネームのページへ

 ★ 使用例とブラウザでの表示 (i4-2)スタイルシートの書き方(基本)は、こちら です。
設定例 : .i4-2co input, .i4-2co select, .i4-2co textarea { color: blue; }
使 用 例   ブラウザの表示
<form method=post action="exam.cgi" class=i4-2co>
お名前:<br><input type=text name=name value=サンプル>

好きな色:<br><select name=color>
<option value="#ffffff">white(白色)</option>
.... </select>

メッセージ:<br>
<textarea name=msg cols=25 rows=5>
サンプル</textarea>


<input type=submit name=sub value=送信>
</form>
お名前:


好きな色:


メッセージ:


※サンプルのため送信不可
.i4-2co input.i4-2co select.i4-2co textarea は、親要素で指定する時の記述方法です。
この例では、<form>タグで一括して文字色を指定しています。

関連するページ
CSS スタイルシート文字色指定:文字色を指定する
HTML タグページ 入力フォーム:入力フォームを作る

入力モードを指定する(CSS)
ime-mode: ***;
 ime-mode は、テキスト入力欄に適用できます。

 ime-mode は、IME(日本語入力システム)の初期状態を指定するプロパティです。このプロパティをテキスト入力欄(<input>,<textarea>)に設定すると、日本語入力モードのオン・オフを指定できます。

 input, textarea { ime-mode: auto; }
プロパティ名説  明
ime-mode auto自動
activeIMEオン(日本語入力モード)
inactiveIMEオフ(英数字入力モード)
disabledIME使用不可(英数字入力モード)
autoactiveinactive … IMEのオン・オフを閲覧者の操作で変更できます。
disabled … IMEは完全にオフ状態となり、閲覧者の操作で変更できません。
このプロパティは、Internet Exp. や Firefox の独自拡張機能で、CSS2 では定義されていません。
 ★ 使用例とブラウザでの表示 (i4-3)スタイルシートの書き方(基本)は、こちら です。
サンプルコード   ブラウザの表示
auto:自動<br>
<input type=text name=name1 style="ime-mode:auto;">
auto:自動
active:日本語入力(変更可)<br>
<input type=text name=name2 style="ime-mode:active;">
active:日本語入力(変更可)
inactive:英数字入力(変更可)<br>
<input type=text name=name3 style="ime-mode:inactive;">
inactive:英数字入力(変更可)
disabled:英数字入力(変更不可)<br>
<input type=text name=name4 style="ime-mode:disabled;">
disabled:英数字入力(変更不可)


このプロパティは、Internet Exp. や Firefox の独自拡張機能で、CSS2 では定義されていません。

関連するページ
HTML タグページ 入力フォーム:入力フォームを作る

文字サイズの指定文字色の指定 入力モードの指定 フォームcss リファレンス へ