0

Web ページの選択リストのエントリをモノスペース フォントで表示したいと考えています。以下の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>

その結果、"The quick..." は等幅で表示されますが、オプションはそうではありません。オプションを等幅フォントで表示することもできますか?

更新:この問題は、select 要素が jQuery-UI タブの div 内にあるという事実から何らかの形で発生しているように見えることを発見しました。

4

2 に答える 2

2 
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

于 2012-02-23T18:00:55.617 に答える
2

あなたのCSSでこれだけで何が問題になっていますか?

option {
  font-family: "Andale Mono", "Monotype.com", monospace;
}
于 2012-02-23T17:44:45.137 に答える