2011-07-11 12 views
14

オプションでスタイリングの問題が発生しています。私は大胆なスタイルで表示するいくつかのオプションが必要ですが、Internet Explorerはそれをレンダリングしたくありません。Internet Explorerの太字のスタイルオプション

私はCSSを使用してそれを設定しています:

動作しない
font-weight: bold; 

。 例は、このページで見ることができます。

Example

Firefoxではなく、Internet Explorerで太字フォントを示しています。

私はInternet Explorer 7と8で試しました。

誰かに代替手段がありますか?

EDIT: サンプル:

HTML:

<select> 
    <option class="special">Special</option> 
</select> 

はCSS:

.special { 
    font-weight: bold; 
} 
+0

問題を特定するには、コードの詳細が必要です。 **まだ有効な**あなたのコードの最小部分を提出してください。エラーが**まだ見える**。 – jforberg

答えて

17

IEは、独立して<option>要素のスタイリングを許可していません。これはIEがWindowsフォームコントロールを使用してこの機能をサポートしていない選択ボックスを表示するためです。

(これは別のオブジェクトの背後に置いたときにIEの選択ボックスにレイヤリングに関する問題があるのと同じ理由ですが、フォームコントロールはブラウザではなくWindows OSで表示されるため、ブラウザページ上の他のほとんどの要素)は、OSに延期するのではなく、自分の選択ボックスを描画するよう

他の近代的なブラウザは、あなたがそれを行うことができないよりも、それを制御しにくいがあります。

+1

[Chrome](http://stackoverflow.com/q/11536763/684229)とOpera([\ [1 \])(http://www.456bereastreet。 com/lab/styling-form-controls-revisited/select-single-option /#opera91-xp)、[\ [2 \]](http://my.opera.com/community/forums/topic.dml? id = 278101))同じ問題がありますか? – TMS

+2

これはIE10まで適用されます。IE 11では、 'option'要素は独立してスタイル指定することができます(太字の使用など)。 –

-5

あなたがテキストの段落にではなく、外側のdivにfont-weight:boldを適用する必要がありますか他の何か。

また、他に何もこの宣言をオーバーライドしていないことを確認してください。上記がうまくいかない場合は、font-weight:bold!importantに変更し、問題が解決するかどうか確認してください。

5

IEには、オプションのスタイルを設定することはできません。私は同じ問題を抱えていました...あなたはそれに色を付けることができますが、それほど多くはありません

あなたはjQueryプラグインを書いたり、スタイルのリスト/ドロップダウンにあなたの選択を「変換」するために、既存のものを見つけることができます。

も参照してください:Create a styled Dropdown like on jquery UI

+0

ありがとうございます、しかし、私はjQueryを使用することができません – Marcelo

+0

- 簡単な答えは、IEの選択/オプションにfont-weightを追加できないことです。別の要素(pやdivなど)にfont-weightを追加して、IEで動作することを確認してください。そしてオプションのためのあなたのスタイルにフォントの色を追加しようとすると、それが動作するかどうかを確認してください。解決策は、ドロップダウンのように見えるスタイル付きリストを作成するjavascriptまたはjqueryツールを見つけることだけです。それ以外の場合はIEでは動作しません。 – Matt

+0

詳細については、http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxesをご覧ください。htm – Matt