Question

我希望有一个正常的html选择，但不是文本有css / images。现在我知道除了Firefox之外的任何浏览器都无法做到这一点，但我想知道是否有一种方法可以解决这个没有使用JavaScript的问题。我的网站必须在功能手机上显示（即不是智能手机），JavaScript不适用于这些手机。有没有办法解决这个问题？

Answer 1

经过几个小时的努力，我找到了一个合理的解决方案。如果你想在你的html中出现“图像”选择，只需使用font-face。因此，请在线下载字体中有星号的字体。然后在css中使用以下内容。确保您的网址路径正确无误：

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是代表该给定字体中的星形的字母。另请查看以下link。它真的有帮助

如何模仿html选择框

1 个答案: