セレクトメニューの要素の文字サイズを変更する方法を教えて下さい。


背景色は
<option style="background-color:#FF0000">表示名</option>

と言うように出来たので、同じようにfont-sizeを入れたら出来るのかと思ったのですが、無理でした。

出来ればCSSで調節する方法であれば助かります。

回答の条件
  • 1人2回まで
  • 登録:2008/06/24 18:37:08
  • 終了:2008/06/25 03:39:02

回答(4件)

id:Nori327 No.1

Nori327回答回数65ベストアンサー獲得回数32008/06/24 18:56:10

ポイント23pt

selectタグにstyleを指定すれば可能です。

サンプルコードを書いてみました。

  <select name="hoge" id="hoge" style="width: 100px; font-size: 32px; background-color:#FF0000">
    <option>あああ</option>
    <option>いいい</option>
  </select>
id:k27w

全部じゃなくて要素内を1文字ずつ変更したいのです。

2008/06/24 20:00:50
id:CalCium No.2

CalCium回答回数3ベストアンサー獲得回数12008/06/24 18:57:29

ポイント23pt

これじゃだめですか?個別には設定できませんが。

<select style="font-size:72pt">

<option style="background-color:#FF0000">red</option>

<option style="background-color:#00FF00">green</option>

<option style="background-color:#0000FF">blue</option>

</select>

id:kn1967 No.3

kn1967回答回数2915ベストアンサー獲得回数3012008/06/24 18:57:54

ポイント22pt

OPTIONタグで個別にということは出来なかったと思います。

SELECTタグのstyleでフォントサイズ指定する方法ではダメなのでしょうか?

id:k27w

個別に変更したいのです。

例えば文字の大きさを選択する時、プレビュー代わりに閲覧できますから。


もし無理な場合は諦めますが、出来れば説明が記載している参考サイトを提示していただければと思います。

2008/06/24 20:00:31
id:kn1967 No.4

kn1967回答回数2915ベストアンサー獲得回数3012008/06/24 21:42:21

ポイント22pt

出来ないと言う事を証明するサイトは探せませんでしたが

試してみるとブラウザの実装具合によって変わる模様です。

下記にて FireFox2.0ではフォントスタイルやサイズが変わりましたがIE6.0では変化無しでした。

IE7.0では試していませんので、お手持ちでしたらお試しくださいませ。

<html>
<head>
<title>optionの装飾</title>
</head>
<body>
  <select>
    <option>ノーマル</option>
    <option style="font-style:oblique">斜体</option>
    <option style="font-style:italic">イタリック</option>
    <option style="font-size:10pt">10p</option>
    <option style="font-size:15pt">15p</option>
    <option style="font-size:20pt">20p</option>
  </select>
</body>
</html>
id:k27w

Firefoxでは確認していなかったのですが、Firefoxではstyleでサイズが調節できますね。


IE6の場合でハック方法などあればいいのですが、やはり無理ですかね‥。

2008/06/24 23:27:53

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません