• ベストアンサー

<form>タグのプルダウンメニューでのカラー設定

<form>タグでプルダウンメニューを作ったのですが、メニューの右になる▼の色設定や、メニュー枠の色設定、枠線サイズ設定などをするやる方法はありますでしょうか。 現在のソースはスタイルシートで .form_block { display: block; width: 75px; color: #000000; background-color: #008000; border: outset 1px #005000; margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; } htmlソースで <FORM class="form_block"> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)" class="form_block"> <OPTION SELECTED class="form_block">項目</OPTION> <OPTION VALUE="select1.htm" class="form_block">選択肢1</OPTION> <OPTION VALUE="select2.htm" class="form_block">選択肢2</OPTION> </SELECT> </FORM> と記述してますが、うまくいきません。 詳しい方、よろしくお願い致します。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • is_may
  • ベストアンサー率65% (58/89)
回答No.1

残念ながらプルダウンメニューの細かい設定はできません。 プルダウンメニューだけは特殊みたいで、FLASHと同じように常にウィンドウの最前面に表示されるようです。 JavaScriptなどで表現するしかありません。

lotus_fossil
質問者

お礼

無理なのですね。 ありがとうございます。JavaかFRASHなど他の方法を探してみます。

その他の回答 (1)

回答No.2

color と background-color は適用させることが出来ますが、それ以外はだめみたいですね^^

lotus_fossil
質問者

お礼

そのふたつの設定はできるので、他もできると思ったのですが無理なようでした。 ありがとうございました。

関連するQ&A

  • <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どちらのブラウザからでも見れるようにもしたいです。 よろしくお願いします。

  • インラインフレーと複数プルダウンメニューのリンク方法

    はじめまして。他のインラインフレームとプルダウンメニューの質問と 回答も見たのですが、自分のスクリプトと状況とは異なるようで問題の 解決には至っていません。 どなたかご教示頂けますでしょうか。宜しくお願い致します。 質問:3つのプルダウンメニュー(フォームは3つ作成)をひとつの iframe に表示する際のスクリプトの書き方とターゲットの指定方法を 教えてください。 現在のスクリプトは下記の通りです。 <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") { window.location.href=linkLoc;} } //--> </SCRIPT> </HEAD> <IFRAME src="impressum.html" align="middle" scrolling="AUTO" frameborder="0" name="iframe1" width="785" height="400"></IFRAME> <FORM> メニュー1<SELECT onchange="menuLink(this.options[this.selectedIndex].value)" style=': font-size : 13px;font-family : Verdana,"MS Pゴシック";line-height : 18px;width : 200px;position : fixed;'> <OPTION SELECTED>選択してください</OPTION> <OPTION VALUE="index.html">Home</OPTION> <OPTION VALUE="new.html">What's New</OPTION> <OPTION VALUE="gallery.html">Gallery</OPTION> <OPTION VALUE="diary.html">Diary</OPTION> <OPTION VALUE="map.html">Map</OPTION> <OPTION VALUE="profile.html">Profile</OPTION> </SELECT> </FORM <FORM> メニュー2<SELECT onchange="menuLink(this.options[this.selectedIndex].value)" style=': font-size : 13px;font-family : Verdana,"MS Pゴシック";line-height : 18px;width : 200px;position : fixed;'> <OPTION SELECTED>選択してください</OPTION> <OPTION VALUE="index.html">Home</OPTION> <OPTION VALUE="new.html">What's New</OPTION> <OPTION VALUE="gallery.html">Gallery</OPTION> <OPTION VALUE="diary.html">Diary</OPTION> <OPTION VALUE="map.html">Map</OPTION> <OPTION VALUE="profile.html">Profile</OPTION> </SELECT> </FORM> <FORM> メニュー3<SELECT onchange="menuLink(this.options[this.selectedIndex].value)" style=': font-size : 13px;font-family : Verdana,"MS Pゴシック";line-height : 18px;width : 200px;position : fixed;'> <OPTION SELECTED>選択してください</OPTION> <OPTION VALUE="index.html">Home</OPTION> <OPTION VALUE="new.html">What's New</OPTION> <OPTION VALUE="gallery.html">Gallery</OPTION> <OPTION VALUE="diary.html">Diary</OPTION> <OPTION VALUE="map.html">Map</OPTION> <OPTION VALUE="profile.html">Profile</OPTION> </SELECT> </FORM> 見てお分かりの通り、プルダウンメニューとiframeへのつながりが ありません。。。どこにiframeへのターゲットを指定すれば良いかなど が分かりません。自分でも色々試しては見ましたがどんどん分からなく なってきてしまいました。宜しくお願い致します。  

  • プルダウンメニューの選択時のリンク先について

    「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示  ※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>

  • プルダウンメニューリンクを新しいウインドウで表示させたい

    ホームページビルダー11を使っています。プルダウンメニューからリンク先を「新しいウインドウ」で表示させるにはどのようにしたらよろしいのでしょうか。ご指導よろしくお願い致します <SCRIPT language="JavaScript"> <!--- 非表示 function quicklink(w){ if(w == "") return; document.quick.url.selectedIndex = 0; location.href =w; } //end ---> </SCRIPT> <FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" size="1" tabindex="1"> <OPTION selected>■ リンク先を選んでクリック ■ </OPTION> <OPTION value="index.htm">その1</OPTION> <OPTION value="index-2.htm">その2</OPTION> <OPTION value="index-3.htm">その3</OPTION> </SELECT>←関連リンク先</FORM> <TABLE width="100%" border="1" cellpadding="0" cellspacing="0" class="hpb-subh02">

  • プルダウンメニューのvalue値取得について

    お世話になります。 プルダウンメニューのvalue値を取得するのに以下のjavascriptとhtmlを作成しました。 3つのカテゴリプルダウンメニューのそれぞれのvalue値をflg_fileへ格納して、その値に対応したHTMLへジャンプという物なのですが、実際に動作させると、main_select02や03でvalue値を4、5と指定しているにもかかわらず、実際に動作させるとジャンプする先はlist_NO"1".htmlとなってしまっています。 これはvalue値がちゃんと取得できていないのか、それともプルダウンメニューは値を設定しても、上から自動的に1、2・・・となるのが仕様なのか、元々の作りがおかしいのか頭を悩ませています。 何がおかしいのか、ご教授頂けますようお願いします。 ■javascriptソース function flg_set(n) { switch(n){ case 1: flg_file = document.selectForm.main_select01.selectedIndex; break; case 2: flg_file = document.selectForm.main_select02.selectedIndex; break; case 3: flg_file = document.selectForm.main_select03.selectedIndex; break; } } function select_list() { parent.select.location.href = "list_NO"+[flg_file]+".html"; } ■HTMLソース <FORM NAME="selectForm"> <td width="10"> </td> <td width="120"><select name="main_select01" onChange="flg_set(1)" onFocus="this.blur()" style="font-size:12px; width:120px;"> <option value="0">▲カテゴリ(1)</option> <option value="1">┗ ページ(1)</option> <option value="2">┗ ページ(2)</option> <option value="3">┗ ページ(3)</option> </select></td> <td width="10"> </td> <td width="120"><select name="main_select02" onChange="flg_set(2)" onFocus="this.blur()" style="font-size:12px;width:120px;"> <option value="0">▲カテゴリ(2)</option> <option value="4">┗ ページ(4)</option> <option value="5">┗ ページ(5)</option> </select> </td> <td width="10"> </td> <td width="120"><select name="main_select03" onChange="flg_set(3)" onFocus="this.blur()" style="font-size:12px;width:120px;"> <option value="0">▲カテゴリ(3)</option> <option value="6" selected>┗ ページ(6)</option> </select> </td> <td width="10"> </td> <td width="100%"><input type="button" value="ページジャンプ" onClick="select_list();"> </td> </form>

  • プルダウンで・・・???

    <FORM> <SELECT onchange="location=this.options[this.selectedIndex].value"> <OPTION value="">-----メニュー----- </OPTION> <OPTION value="index.html">TOP </OPTION> <OPTION value="">---------- </OPTION> <OPTION value="内緒・・・">BBS </OPTION> <OPTION value="">---------- </OPTION> </SELECT> </FORM> とした場合 -------- の部分をクリックすると変なページにとびます なんかファイルの一覧みたいな・・・  クリックしてもなにもおこらないようにまたはクリックができないようにするにはどうすればいいのですか?

    • ベストアンサー
    • HTML
  • プルダウンメニューのHTMLタグ

    プルダウンメニューを自分のホームページに取り入れたいのですが、 フレームで区切っているためにリンク先をどうやって設定すればいいか困っています。 ちなみに、プルダウンのタグはやはりこの質問サイトで見つけた 新しいページを開いてロードしたいのであれば、 <SELECT onChange="window.open(this.value,'_new'); return false ;"> <OPTION> <OPTION VALUE=http://www.goo.ne.jp/>goo <OPTION VALUE=http://www.google.co.jp/>google <OPTION VALUE=http://www.yahoo.co.jp/>yahoo </SELECT> というのを使おうと思っています。 新しいウィンドウではちゃんと開きました。 ターゲットをrightという名前に設定したいのですが、どうすればいいでしょうか? とても困っています。。。 また、これだとプルダウンを開く前は文字のない状態なのですが、 文字を入れるにはどうしたらいいですか?例えば「選択してください」など。

  • プルダウンメニューが文字化けする

    タイトル通りプルダウンメニューが文字化けしてしまいます。javaを使ってホームページに表示させています <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <!--メニュー↓--> <script language="javascript"> <!-- function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } //--> </script> <form method=post> <select name="navi">  <option value=""> --メニュー -- <option value="http://">TOPページ <option value="http://">特別企画 <option value="http://">ご挨拶 <option value="http://">ご協力 <option value="http://">PC版 <option value="http://">ブログ </select> <input type=button value="ジャンプ" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> <!--メニュー↑-->

  • フレームを使用した複数プルダウンメニュー

    こんにちは。 よくある質問もみたのですが「複数のプルダウンメニュー」「フレームを使ったプルダウン」というのはあるのですが、 フレームを使用して左フレームに複数プルダウン、そこで選んだものを右フレームに表示させるというのが見つかりませんでした。 「複数のプルダウンメニュー」もつくれますし、「別フレームに表示させる」こともできるのですが、 プルダウンを増やしたとたんに動きません。 ネームを変えてもみたのですがうまくいきません。 フレームを二つつくって <FRAMESET cols="35%,65%"> <FRAME src="n_menu.htm" name="manu">←こっちにプルダウンメニュー <FRAME src="n_main.htm"name="main">←こっちに表示 目次のhtmファイルで <SCRIPT LANGUAGE="JavaScript"> function openPage() { var list = document.forms[0].urlList; parent.frames[1].location = list.options[list.selectedIndex].value; } </SCRIPT> </HEAD> <FORM> <SELECT NAME="urlList" onChange="openPage()"> <OPTION SELECTED VALUE="cover1.htm">朝の歌 <OPTION VALUE="1.htm">1番目のページ <OPTION VALUE="2.htm">2番目のページ <OPTION VALUE="3.htm">3番目のページ </SELECT> </FORM> #上記をコピペして増やしてみた↓ <FORM> <SELECT NAME="urlList2" onChange="openPage()"> <OPTION SELECTED VALUE="cover2.htm">夜の歌 <OPTION VALUE="4.htm">4番目のページ <OPTION VALUE="5.htm">5番目のページ <OPTION VALUE="6.htm">6番目のページ </SELECT> </FORM> これだと2本目が表示されません。 どうすればいいか教えていただけないでしょうか?

  • プルダウンメニュー

     こんばんは。 日時をプルダウンメニューで選択するのですが、 月が変わると、内容も変わるようにしたいと思っています。JavaScriptで、出来ると聞いたのですが、 やり方が解りません。 このように書いてみたのですが、 画面には何も表示されません。 助けてください。 <SCRIPT LANGUAGE = "JavaScript"> <FORM NAME="form1" METHOD="post"> if (mm = 2){ document.write("<SELECT NAME="dd1" onChange="document.form1.dd.value=dd1.options[d d1.selectedIndex].value"> <OPTION VALUE="00"> <OPTION VALUE="16">16 <OPTION VALUE="17">17 <OPTION VALUE="18">18 <OPTION VALUE="19">19 <OPTION VALUE="20">20 <OPTION VALUE="21">21 <OPTION VALUE="22">22 <OPTION VALUE="23">23 <OPTION VALUE="24">24 <OPTION VALUE="25">25 <OPTION VALUE="26">26 <OPTION VALUE="27">27 <OPTION VALUE="28">28 </SELECT>日"); } if ((mm = 4) || (mm = 6) || (mm = 9) || (mm = 11)){ document.write("<SELECT NAME="dd1" onChange="document.form1.dd.value=dd1.options[d d1.selectedIndex].value"> <OPTION VALUE="00"> <OPTION VALUE="16">16 <OPTION VALUE="17">17 <OPTION VALUE="18">18 <OPTION VALUE="19">19 <OPTION VALUE="20">20 <OPTION VALUE="21">21 <OPTION VALUE="22">22 <OPTION VALUE="23">23 <OPTION VALUE="24">24 <OPTION VALUE="25">25 <OPTION VALUE="26">26 <OPTION VALUE="27">27 <OPTION VALUE="28">28 <OPTION VALUE="29">29 <OPTION VALUE="30">30 </SELECT>日"); } else{入らないので省きます。 </FORM> </SCRIPT>

専門家に質問してみよう