Internet Explorerでのスタイル「」

IEの<select>の境界線と背景をカスタマイズする方法はありますか？私はFirefoxでシンプルなCSSで境界線をスタイルすることはできますが、明らかにIEではできません。Internet Explorerでのスタイル「」

2009-03-14 Tony the Pony

IEは、ほとんどの場合、quirksモードです。以前のバージョンのIEではselect要素が描画されていなかったため、正しくスタイル設定することはできませんでした（つまり、いくつかのz-order quirks）。IE < 8では、再実装しない限りJSのselectのようなものです。開発者向けツール（F12）を見て、どのブラウザとドキュメントモードのIEがあるかを確認してください。それはブラウザモードとドキュメントモードのない「Quirksモード」の「インターネットエクスプローラー8」を言うならば、あなたは大丈夫でなければなりません:)

次のスニペットは、ここで正常に動作します（IE8β2）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
      "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <style type="text/css"> 
      select { 
       border: 1px solid red; 
      } 
     </style> 
    </head> 
    <body> 
     <form> 
      <select> 
       <option>1</option> 
       <option>2</option> 
      </select> 
     </form> 
    </body> 
</html>

出典

2009-03-14 20:42:31 Joey

正しいですが、IEの以前のバージョンでは境界に問題がありました。 – scunliffe

確かに「ie8」とタグ付けされているので、私はIE8について話していました。そして、私は以前のバージョンではボーダースタイリングをしないことを暗示しました。私はそれを変更します。 – Joey

-3

あなたのコードにこれらのタグを含めてください：

<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=9" /> 
</head>

これは、Internet Explorerに関連する問題を解決します。

出典

2012-06-12 21:57:05

* 3年前に投稿された質問または回答を読んだことがありますか？ -1 –

あなたはどこにでも新しいを含めることはできません。あなたは答えを書いたときにそれをそのように考えることはできませんが、それはそれがどのように読み取られるかです。さらにIEモードをIE 9に設定するだけです。これは将来の証明ではありません。特に今IE 10がリリースされました。 IE =エッジはより盛り上がっています。さらに、新しいブラウザの動作を理解することは重要です。新しいブラウザの動作を無視するだけでなく、新しいバージョンを強制することも重要です。 – Tokimon

Internet Explorerでのスタイル「」

答えて

関連する問題