- ベストアンサー
背景に色をつけるには？
簡単gooでHPを作っている者ですが、今回下のようなタグ <select name=キリ番> <option value=>キリ番ゲッター発表 <option value="4000番ゲットりかちゃん☆">4000番ゲットりかちゃん☆ </select> を使って選択メニューを作成しました。 うまく作れたのですが、この選択肢の背景色や文字の色を変えたいんです。 どのようなタグをどこに入れれば変えられますか？ 教えてください。 宜しくお願いします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- css
- ベストアンサー率52% (11/21)
オプションの背景や文字色を変える場合はCSSでそれぞれ、 <option value="" style="color:plum;background-color:white;"> とするか、全部同じ色でいいなら、<head>から</head>の間に、 <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- option{color:plum;background-color:white;} --> </style> って入れてみて。 colorは文字色、background-colorは背景色です。 この場合は白地にプラム色でってこと。 16進数表記でも、カラーネームでもどっちでもおっけ～。
お礼
解決しました。 どうも有り難うございました。 これからもよろしくお願いします。
補足
回答ありがとうございます。 すみません初心者なので言葉の意味がわからないので 教えてください。 『オプションの背景や文字色を変える場合はCSSでそれぞれ、 <option value="" style="color:plum;background-color:white;"> とする。』 とありますが、CSSってどういうことですか？ 全部同じ色には変えられるのですが、 全部違う色にはどうしても変えられません。 よろしくお願いします。
スタイルシートを使えばできそうですね。 <HTML> <HEAD> <STYLE> .sample { background-color: #FF0000; } .sample1 { background-color: #00FF00; } </STYLE> </HEAD> <BODY> <SELECT> <OPTION class="sample">sample <OPTION class="sample1">sample1 </SELECT> </BODY> </HTML> という風にすれば、sampleの背景は赤く、sample1の背景は緑になりました。 後はお好みの色にしてあげれば、OKだと思います。ただし、スタイルシートなので、ユーザがある程度自分の指定ができてしまうのはあきらめてください。 ではでは☆
お礼
解決しました。 どうも有り難うございました。
補足
回答ありがとうございます。 上のソースをそのままコピーして貼りつけると うまくいくのですが、sampleやsample1のところに自分の言葉を置きかえると 色がつきません。ちなみに自分の言葉には顔文字や♪を使っています。 何が問題なのでしょうか？ アドバイスよろしくお願いします。
お礼
うまくいきました！！！ どうも有り難うございました。