css - CSS3 font-face 不适用于选择框选项，IE

Question

我正在为选择框使用 font-face 属性，当我滚动选择框时，字体不会。当我选择它时，它将显示..

这背后的问题是什么

谢谢

我的代码：

CSS：

<style>
@font-face{
    font-family: 'Rupee Foradian';
    src: url('rupee/Rupee_Foradian.eot');
    src: local('Rupee Foradian'), url('rupee/Rupee_Foradian.ttf') format('truetype'),
    url('rupee/Rupee_Foradian.woff') format('woff'),
    url('rupee/Rupee_Foradian.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#minprice{
    font-family:'Rupee Foradian';
}
</style>

HTML：

<select name="minprice" id="minprice">
<option value=""> No min</option>
<option value="2000000">`  20 Lakhs</option>
<option value="2500000">`  25 Lakhs</option>
</select>

Answer 1

原始选择框在浏览器中存在很多问题，因此如果您想要更多自定义样式，您可以通过 div 或 span 等模拟选择框。