1

私はドロップダウンを持っています

<select name="cmb" class="txtRed" id="cmb1">
  options
</select>

style.cssで私はクラスtxtRedを持っています

.txtRed {
border-bottom : red 2px solid;
border-top : red 2px solid;
border-left : red 2px solid;
border-right : red 2px solid;
}

MozilaFirefoxとGoogleChromeでは正常に動作しています。IE8でのみ問題があります。これに対する解決策は何ですか？私が使用できる他の追加の属性またはハックはありますか？

出力は下の画像のようになります

ここに画像の説明を入力してください

IE8でも動作しないダミーコードをフォローしてみました。互換モードを確認しました。IE8専用です。

<html>
    <head>
        <style type="text/css">
            .txtRed {
                border-bottom : red 2px solid;
                border-top : red 2px solid;
                border-left : red 2px solid;
                border-right : red 2px solid;
            }
        </style>
    </head>
    <body>

        <select name="cmb" class="txtRed" id="cmb1" style="border-bottom:red 2px solid;">
            <option> Option 1 </option>
            <option> Option 2 </option>
        </select>

    </body>
</html>
4

4 に答える 4

1

IE 8 でも動作することを示すフィドルを作成しました。これを参照してください-

<select name="cmb" class="txtRed" id="cmb1">

</select>​

css-

.txtRed {
border-bottom : red 2px solid;
border-top : red 2px solid;
border-left : red 2px solid;
border-right : red 2px solid;
}​

DEMO - IE8 でこれを参照すると、うまく動作します。

問題 - お使いのブラウザーが互換モードでレンダリングしているとは思えず、IE7 としてレンダリングしているために問題が発生している可能性があります

于 2012-11-29T07:08:48.583 に答える
1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

これをコードに追加します

于 2012-11-28T09:05:15.263 に答える
0

タグ<div>を囲むにはa を使用します。<select>代わりに適用.txtRedしdivます。

<div class="txtRed">
<select name="cmb" id="cmb1">
  // options go here
</select>
</div>
于 2012-11-28T08:59:26.737 に答える
0

私にとって問題は、ブラウザーのドキュメント モード (IE7 標準に設定された IE9) でした。

于 2013-04-16T18:55:06.840 に答える