html - 如何模仿html选择框

Question

我想要一个普通的 html 选择，但不是文本有 css/图像。现在我知道除了 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 是表示此给定字体中的星形的字母。也看看下面的链接。它真的有帮助