html - HTML選択ボックスを模倣する方法

Question

通常のHTMLを選択したいのですが、テキストの代わりにcss/imagesを使用します。これはFirefox以外のブラウザでは実行できないことがわかりましたが、JavaScriptを使用せずにこれを回避する方法があるかどうかを知りたいと思います。私のウェブサイトはフィーチャーフォン（つまりスマートフォンではない）に表示する必要があり、JavaScriptはそれらの電話では機能しません。これを回避する方法はありますか？

Answer 1

これで何時間も働いた後、私は合理的な解決策を見つけました。HTMLに「画像」を表示したい場合は、単にfont-faceを使用してください。したがって、アルファベットに星が付いているフォントをオンラインでダウンロードします。次に、cssで以下を使用します。URLパスが正しいことを確認してください。

font-family: 'WebSymbolsRegular';
        src: url('../css/websymbols-regular-webfont.eot');
        src: url('../css/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../css/websymbols-regular-webfont.woff') format('woff'),
             url('../css/websymbols-regular-webfont.ttf') format('truetype'),
             url('../css/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
        }

    #Condition
    {
        font-family: 'WebSymbolsRegular';
    }

次に、HTMLで次を選択します。

<select id = "Condition">
      <option >R</option>
      <option >RR</option>
      <option >RRR</option>
      <option >RRRR</option>
      <option >RRRRR</option>
</select>

Rは、この特定のフォントで星を表す文字であるため、Rを使用します。次のリンクもご覧ください。それは本当に役に立ちました