前提・実現したいこと
セレクトボックスの初期値(選択してください)を灰色で表示し
それ以外が選択されたときは選ばれた値の文字色をボックスに反映させたいのですが
このようなことは可能でしょうか?
発生している問題・エラーメッセージ
selectボックスに灰色
最初のoptionに灰色
それ以外のoptionに赤色
このように設定したのですが値1~3を選択してもボックスの中身は当然ですが赤色ではなく灰色になります。
これを赤色にする方法がありましたら教えていただきたいです。
該当のソースコード
<style> select { color: gray; } select > option { color: red; } select > option:first-child { color: gray; } </style> </head> <body> <select name="”box”" > <option value="" selected='selected'> 選択してください </option> <option value="値1" >値1</option> <option value="値2" >値2</option> <option value="値3" >値3</option> </select> </body>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/15 02:27