• 締切済み

selectタグ内の特定のoptionのみをフォント制御

<select name="test"> <option>通常のフォント</option> <option>太字</option> </select> というリストメニューで、「太字」のほうだけを太字にする事は可能でしょうか？ <select name="test"> <option>通常のフォント</option> <option style="font-weight: bold;">太字</option> </select> とやってみましたが、これは無理なようですね（IE6） 確か、このようなことをやっているサイトを見かけた事があるので、不可能ではないと思うのですが。 どなたかご存知でしたら、よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • 2NN
  • ベストアンサー率40% (143/353)
回答No.1

font-weightは効かないようですね。 IEではbackgroundで背景を変えることはできるようです。 Firefoxでは両方とも効きませんでした。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ドコモのSELECTタグ

    ドコモのXHTMLのサイトを作っていますが、 １ページ内のSELECTタグの上限はありますでしょうか？ SA700iでは１５個しか表示されませんでした。 また、これは端末毎に違ってくるのでしょうか？ --------------------------------------------- <form> <select name=test1><option value=1></select> <select name=test2><option value=1></select> <select name=test3><option value=1></select> ・ ・ ・ <select name=testn><option value=1></select> </form> --------------------------------------------- 宜しくお願いします。

    • ベストアンサー
    • HTML
  • FireFox3.5.3でfont-familyが効きません

    FireFox3.5.3で全くfont-familyが効かないのですが、 何か設定があるでしょうか。 使ったhtml --------------------------------------------------------------------------- <html> <head><title>書体テスト</title></head> <body> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'ＭＳ Ｐ明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'ＭＳ 明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:serif;"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;"> フォントのテスト </div> </body> </html> --------------------------------------------------------------------------- 各種ブラウザで確認しましたが、FireFoxだけ全くfont-familyが効きません。テスト結果は添付のとおりです。 FireFoxの設定は、オプションのコンテンツ・フォントと配色は「メイリオ」で詳細設定は以下のとおり 　　プロポーショナル：ゴシック 　　明朝体：MS　P明朝 　　ゴシック体：メイリオ 　　等幅：メイリオ よろしく、お願いします。

    • ベストアンサー
    • HTML
  • HTMLのSELECTタグの手入力について

    こんにちは、早速質問させていただきます。 HTMLのプルダウンメニュー作成の為のSELECTタグについてなのですが。 例えば <select name="test" style="width:100px"> <option value="a">1：テスト１ <option value="b">2：テスト２ <option value="c">3：テスト３ <option value="d">4：テスト４ </select> という記述をした場合、 このプルダウンメニューにカーソルがあっている状態で, "3"とキーボードから手入力行った場合、"3：テスト３"が選択される というように手入力した文字から始まるものが選択されるという動きになりますよね。 しかし、たまに"3"と入力しても"3：テスト３"が選ばれない。 という状態になる時があるのですが、そうなるような原因をご存知の方はいらっしゃいますでしょうか。 全角モードになっているからというわけではないですし、一度ブラウザ閉じてから再度起動しても出来ない場合があるのです。 ＰＣごと再起動した場合には戻るのですが・・・

  • BoldやItalicのフォントを指定しても

    Wordで文字のスタイルを登録するにあたって、標準はMS明朝+Times New Romanなどでいいのですが、タイトルや強調文字に使用するスタイルを作るべくHG明朝+Times New Roman Boldというセットを作りたくとも、Boldフォントはリストにはなく、無理やり書いても、認識されないときが多いです。 太字やら斜体などのリストから太字を選択すると、日本語フォントのHG明朝まで太字になってしまいますが、これは目的にかないません。 もちろん、太字なしでHG明朝+Times New Romanで設定して、1語1語英単語や数字の上でCtrl+Bを押していくのも論外です。 太字体でなくても、見合った太さの明朝系があればそれでもいいですが、なんとなく逃げですし・・・。

  • selectタグに直接onChangeを書かないイベント取得方法

    javascriptが余り詳しくないので困っています。 <select id="select1" name="select1"> <option value="apple">りんご</option> <option value="banana">バナナ</option> </select> このようなselectの選択リストから値を変更した時にイベントを取得したいのです。 普通に考えると <select id="select1" name="select1" onChange="xxx"> のようにonChangeを使えば簡単なのですが、 困ってしまうのがこのselectは自動生成されるものなので、 直接手を加えることができないのです。 なのでselect文には手を加えずに、値が変更されたときに 何か関数を呼び出すようなことをしたいのです。 無理ならしょうがないのですが、何か手があれば教えてください。 よろしくお願いします。

  • netscape4.7でselectタグが表示されません

    お願いします。 netscape4.7でselectタグが表示されません。optionの部分が横に並んで表示されてしまいます。IEやNN6.2だと問題なく表示できるのですが。ちなみにタグ辞典にはNN4.7でも使えるようなことが書いてありました。 <html> <head> <title></title> </head> <body> test<br> <select name="s1" > <option value="takagi">takagi</option> <option value="suzuki">suzuki</option> <option value="tanaka">tanaka</option> </select> </body> </html> よろしくお願い致します。

    • ベストアンサー
    • HTML
  • selectフォームの特性について

    オプションメニューの表示について教えてください。 例） <select name="test" size="1" > <option value="0">---------</option> <option value="1">test1</option> <option value="2">test2</option> <option value="3" selected>test3</option> <option value="4">test4</option> <option value="5">test5</option> </select> 以上のようにselectフォームを設定した場合に、 クリックするとtest3が一番上に選択され、test4、test5の順に表示されますが、 これをtest3が選択された状態でtest1、test2、test3、test4、test5と いうように表示させることは可能なのでしょうか？ もし、可能ならどのような方法があるのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • PHP
  • <FORM>タグを使ったドロップダウンメニュー

    以下のようなソースでドロップダウンメニューを作りました。 ---------------------------------------------------- <FORM> <SELECT NAME=list onchange=top.location.href=this.form.list.options[this.form.list.selectedIndex].value> <OPTION VALUE="index.htm">トップ <OPTION VALUE="new.htm">What's New! </SELECT> </FORM> ------------------------------------------------------ この時、「トップ」や「What's New！」などのボックス内に表示される文字の フォントサイズを大きくしたいのですが、何かよい方法はありませんでしょうか？？ できればIEとNNどちらのブラウザからでも見れるようにもしたいです。 よろしくお願いします。

  • CSSについて

    h3 { font-size: 120%; font-weight: bold; line-height: 1.0em; } という記述がスタイルシート内にあるのですが、 それを使って文字を書くと文字の下が大きく間が開いてしまいます。 何かつけ足せば間が開かなくなるのでしょうか？ 例えば、 <H3>あいうえお</H3>かきくけこ というソースにすると、 ------------------------- あいうえお　　（大きめの文字で太字） 　　　　　　　（間が開いてしまう）　 かきくけこ　　（通常サイズの文字） --------------------------

    • ベストアンサー
    • HTML
  • 特定の文字にCSSを適用したい

    ブログを書いております。 記事にコメントがあった時の「コメント（１）」といった表示を、コメントの有無で太字にしたりノーマル表示にしたいと思っています。 コメントが無いときは・・ コメント（０）をfont-weight:normal; とノーマル表示。 コメントが有るときは・・ コメント（１）をfont-weight:bold; とボールド表示させたいです。 Javascriptを使用して、特定の条件にのみCSSを適用するにはどうしたら良いでしょうか？ 宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する