Могу ли я использовать моноширинные шрифты в списке выбора на моей веб-странице?

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>

Результатом является то, что «Быстрое ...» кажется моноширинным, а параметры - нет. Является возможно ли сделать так, чтобы параметры отображались моноширинным шрифтом?

Обновление: Я обнаружил, что эта проблема как-то проистекает из того факта, что мой элемент select находится в разделе вкладок jQuery-UI

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;
}