Q&A
回答ありがとうございます。全然思いつかない方法でした。このやり方でやりたいと思います。ありがとうございました。
セレクトボックスを選択すると項目が出てきて、星を選択してクリックすると選択した星の色がオレンジ色に変わりセレクトボックスの中に表示されるコードになっています。しかし、セレクトボックスをクリックして項目を出したときに、その項目一覧に出てくる星の色はグレー色のままなのですが、項目選択中の星の色だけさらにオレンジ色にできないでしょうか。
回答よろしくお願いいたします。
html
1<style> 2select{ 3 color: grey; 4} 5.colors{ 6 color: orange; 7} 8</style> 9</head> 10<body> 11 <select name="sample" onchange="Color(this)" required> 12 <option value="">選択して下さい</option> 13 <option value="colors">★★★★★</option> 14 <option value="colors">★★★★</option> 15 <option value="colors">★★★</option> 16 </select> 17 18 <script> 19function Color(sample){ 20 if( sample.value == 0 ){ 21 sample.style.color = ''; 22 }else{ 23 sample.style.color = 'orange'; 24 } 25} 26 </script> 27</body>
回答4件
0
テキストボックスとリストを組み合わせて擬似的なセレクトボックスをつくるなど本質的な対応が必要でしょう
投稿2023/09/29 00:06
総合スコア117674
0
ベストアンサー
今使っている星の文字はこれですね。
★★ BLACK STAR
つぎのようなものは、絵文字に対応した環境では少し赤みがかった黄色で表示されることが多いと思います。
⭐⭐ WHITE MEDIUM STAR🌟🌟 GLOWING STAR
★をこれらで置き換えてみてはどうでしょうか。
投稿2023/09/29 05:53
総合スコア4443
0
macOS、iOS、Androidであれば難しいです。どのような環境ですか？？
投稿2023/09/28 23:53
編集2023/09/29 02:41
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/09/29 08:13