人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

●質問者: k27w
●カテゴリ:ウェブ制作
✍キーワード:CSS サイズ セレクト 背景色
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● Nori327
●23ポイント

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

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

 <select name="hoge" id="hoge" style="width: 100px; font-size: 32px; background-color:#FF0000">
 <option>あああ</option>
 <option>いいい</option>
 </select>
◎質問者からの返答

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


2 ● CalCium
●23ポイント

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

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


3 ● kn1967
●22ポイント

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

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

◎質問者からの返答

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

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


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


4 ● kn1967
●22ポイント

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

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

下記にて 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>
◎質問者からの返答

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


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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ