自分のHPにプルダウンメニューにて曲を選択し、BGMが流れるようにしています。曲を流すことには、著作権等を含め問題ありません。
HPは、白と青を基調とした爽やかな感じにするため、スクロールバーも、バー自体は白、バーの枠とボタンの三角印のみ青に変更しています。
しかし、プルダウンメニューのボタンは通常のグレーに黒の三角です。
コレの色を変える方法、ありますか?
タグはまずスクロールバーの色変更は、
<style type=text/css>
<!--
body{
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-shadow-color:3333FF;
scrollbar-3dlight-color:3333FF;
scrollbar-arrow-color:3333FF;
scrollbar-track-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
}
-->
</STYLE>
曲を流すタグは、
<SCRIPT language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
if (mySelect == 0) return;
myHTML = "bgm.html"; //
myTitle = document.myForm.myMenu.options[mySelect].text;
myFile = document.myForm.myMenu.options[mySelect].value;
myURL = myHTML+"?title="+escape(myTitle)+"&file="+escape(myFile);
window.open(myURL , "bgm" , "width=210,height=160");
}
// --></SCRIPT>
プルダウンメニューを置く場所に
<FORM name="myForm">
<SELECT name="myMenu" size="1" onchange="myGo()">
<OPTION value="">BGM</OPTION>
<OPTION value="song1.mp3">1曲目</OPTION>
<OPTION value="song2.mp3">2曲目</OPTION>
<OPTION value="song3.mp3">3曲目</OPTION>
</SELECT>
</FORM>
としています。
ご存知の方、よろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんにちは!
なかなかアドバイスが来ませんね。
もしかすると方法が無いのかもしれません。
ご存知かと思いますが、テキストとその背景色は出来ます・・。
<style type="text/css">
<!--
select {
font-size: 12px;
color: #0033CC;
background: #FFCC99;
}
-->
</style>
これだけでもそのままよりはましかも・・。
No.2
- 回答日時:
私もなさそうな気がします
#1様よりもっとハデにするならば、各項目にスタイル指定するとカラフルです。すいません大阪人なんでハデ好きで・・・
<option class="cyan" value="song1.mp3">1曲目</option>
<option class="violet" value="song2.mp3">2曲目</option>
<option class="copper" value="song3.mp3">3曲目</option>
<style type="text/css">
.cyan {background: #00bbff;}
.violet {background: #8a2be2;}
.copper {background: #ee82ee;}
以前 インターネットマガジンのHTML TIPS & TRICKSというクイズにこのまま回答しました
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
プルダウンリストの背景色の指定
-
セレクトメニューで2つの項目...
-
<SELECT>タグの折り返し
-
セレクトボックスを非表示にし...
-
ドロップダウンリストの表示に...
-
同じものを繰り返し表示させる
-
プルダウンメニューがプルアップに
-
プルダウンメニューで中央表示
-
セレクトボックスのselected属...
-
Application.ScreenUpdating = ...
-
JSONで文字列が長い時
-
子windowsからsubmit()後にclos...
-
講義でわからないのですが以下...
-
VBA他のブックから値のみ貼付す...
-
formで特定のinputを送信しない...
-
c言語 16進数の2進数への変換
-
メモリをアドレスを直接指定し...
-
どちのほうがすきですか?
-
C言語について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
セレクトメニューで2つの項目...
-
文字の横にプルダウンを表示さ...
-
<SELECT>タグの折り返し
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
セレクトボックスの「選択して...
-
セレクトボックスから別窓にジ...
-
SELECT OPTIONの中身をコピペ...
-
プルダウンリストの背景色の指定
-
セレクトボックスの中を一部隠...
-
セレクトメニューで選んだ値を...
-
メールアドレスの存在のチェッ...
-
同じものを繰り返し表示させる
-
セレクトボックスである項目を...
-
プルダウンメニューのボタンの...
-
SELECT要素の垂直位置
-
html select optionが左寄せに...
-
ドロップダウンリストのselecte...
-
プルダウンメニューで中央表示
おすすめ情報