6

フォントを選択できるように選択ドロップダウン リストを作成したいと思います。このリストでは、フォントのプレビューとして、各フォント オプションをそのスタイルで表示したいと考えています。

<select>
    <option class="Times-New-Roman" value="Times-New-Roman">Times New Roman</option>
    <option class="Verdana" value="Verdana">Verdana</option>
    <option value="Comic-Sans-MS">Comic Sans MS</option>
    <option value="WildWest">WildWest</option>
    <option value="Bedrock">Bedrock</option>
</select>

上記は基本的なドロップダウンボックスで、各フォントタイプには独自のクラス名がありますが、各クラス名に独自のフォントがあり、ドロップダウンリストに表示されるようにする方法がわかりません。

解決策を見つけるために時間を割いていただきありがとうございます。

敬具、ティム

4

1 に答える 1

3

以下のようなフォーマットを試してください。

<select>
    <option style="font-family:'Times New Roman';" class="Times-New-Roman" value="Times-New-Roman">Times New Roman</option>
    <option style="font-family:Verdana, Geneva, sans-serif;" class="Verdana" value="Verdana">Verdana</option>

于 2013-03-29T09:04:34.297 に答える