如何模拟html选择框

我想有一个正常的html选择，但不是文本有css/图像。现在我知道除了Firefox之外，任何浏览器都无法做到这一点，但我想知道是否有办法在不使用JavaScript的情况下解决这一问题。我的网站必须在功能手机（即不是智能手机）上显示，JavaScript不能在这些手机上运行。有什么办法可以解决这个问题吗？

在这方面工作了好几个小时后，我找到了一个合理的解决方案。如果您想在html中显示“图像”，只需选择“字体”。因此，在线下载字母表中有星星的字体。然后在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
RR
存款准备金率
RRRR
RRR

---

我们使用R是因为R是这个给定字体中代表星星的字母。还可以看看下面的内容。这真的很有帮助

经过长时间的工作，我找到了一个合理的解决方案。如果您想在html中显示“图像”，只需选择“字体”。因此，在线下载字母表中有星星的字体。然后在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
RR
存款准备金率
RRRR
RRR

---

我们使用R是因为R是这个给定字体中代表星星的字母。还可以看看下面的内容。这真的很有帮助

你在这些手机上运行的是什么浏览器？它是多种多样的，有些运行opera mini，有些在设备上运行本机浏览器你当然可以在没有JavaScript的情况下模拟选择框的显示（精确程度不同），但没有JavaScript你将无法模拟其功能。所以，你要么必须使用“纯文本”（对于大多数浏览器）要么需要JavaScript（显然，你不能），原因是我想在我的网站上有一个5星级的评级系统。现在，随着鼠标悬停在星星上，浏览器仍然无法处理它。因此，我想到在html选择中使用图像/css作为星星。但这是做不到的。。。那么，有没有办法让一个五星评级系统不浮华，这样浏览器就可以处理它呢？你在这些手机上运行的是什么浏览器？各种各样，有的运行opera mini，有的在设备上运行本机浏览器。你当然可以在不使用JavaScript的情况下模拟选择框的显示（精确度不同）但是如果没有JavaScript，您将无法模拟它的功能。所以，你要么必须使用“纯文本”（对于大多数浏览器）要么需要JavaScript（显然，你不能），原因是我想在我的网站上有一个5星级的评级系统。现在，随着鼠标悬停在星星上，浏览器仍然无法处理它。因此，我想到在html选择中使用图像/css作为星星。但这是做不到的。。。那么，有没有办法让一个五星评级系统不浮华，这样浏览器就可以处理它呢？