html - 我可以在网页的选择列表中使用等宽字体吗？

Question

我想让我的网页上的选择列表中的条目以等宽字体显示。我尝试编写以下 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>

结果是“快速...”显示为等宽，但选项不是。是否也可以使选项以等宽字体显示？

更新：我发现这个问题似乎源于我的选择元素位于 jQuery-UI 选项卡 div 中的事实。

Answer 1

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

Answer 2

你的 CSS 中的这个有什么问题？

option {
  font-family: "Andale Mono", "Monotype.com", monospace;
}