[英]Can I use monospace fonts in a selection list on my web page?
我希望网页上的选择列表中的条目以等宽字体显示。 我尝试编写以下HTML。
<p style='font-family:"Andale Mono", "Monotype.com", monospace;'>
The quick brown fox jumped over the lazy dogs.
<select multiple="multiple">
<option value='1'>Option 1</option>
<option value='2'>Option 2</option>
</select>
</p>
结果是“快速...”显示为等距,但选项不是。 是否可以使选项也以等宽字体显示?
更新:我发现这个问题似乎源于我的select元素在jQuery-UI tabs div中的事实。
您的CSS怎么了?
option {
font-family: "Andale Mono", "Monotype.com", monospace;
}
select {
font-family: "Andale Mono", "Monotype.com", monospace;
}
示例: http : //jsfiddle.net/LkJfp/
我认为您无法在IE7中执行此操作: http : //www.456bereastreet.com/lab/styling-form-controls-revisited/select-single-optgroup/#ie7-xp
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.