HTML 選択コンボ ボックスのオプション タグで、アルファベットに下付き文字を適用しようとしています。数字については、いくつかのユニコードに置き換えることで解決策を見つけましたが、アルファベットについては何も見つかりませんでした。私はすでに試し<option>sample<sub>e</sub></option>
ました。これに可能な方法はありますか?
4 に答える
要素のコンテンツはプレーン テキストとして解釈されるためoption
、そこではマークアップを使用できません。メニューに他のマークアップを使用して、select
要素を一連のラジオ ボタン (または、必要なロジックに応じて、チェックボックス) に置き換えたり、ドロップダウン リストなどに似たスタイルにすることを検討することもできます。
を使用すると、原則option
としてすべての Unicode 文字を引き続き使用できます。ただし、フォントのサポートには深刻な制限があります。下付き数字でさえ安全ではありません。Unicode にも下付き文字がありますが、一般的な下付き文字ではなく、特定の音声表記をサポートするために定義されているため、体系的なセットを構成するものではありません。さらに、それらはプレーン 1 にあり、たとえば U+1D64 LATIN SUBSCRIPT SMALL LETTER U “ᵤ” であり、プレーン 1 文字を含むフォントはほとんどありません。
私の知る限り、それは不可能です。確認のためにグーグルも試しましたが、私が正しいことを示唆する結果がいくつかあります
通常、select 要素でリストのスタイルを設定することはできません (日付と時刻の入力ウィジェットのスタイルを設定することもできません)。
代わりに、JavaScript を使用select
してカスタム コードに置き換えることができます。詳細については、The Filament グループの書籍「designing with Progress Enhancement」、ウェブサイト、または Google を参照してください。
私の知る限り、選択要素のオプションを直接下付きまたは上付きにすることはできません。javascript によってオプション要素内のテキスト スタイルを動的に操作することは、私には 1 つのオプションに見えます。