IE7でボタンをターゲットにするのに問題があります。これはhtml5Doctypeでは機能しませんか?
input[type="button"] { color: red; }
それだけ
input { color: red; }
動作しますが、それは実際には何をした後ではありません...
ありがとう
編集:これはネイティブのie7の問題です。ie7モードはie9で動作します。
IE7でボタンをターゲットにするのに問題があります。これはhtml5Doctypeでは機能しませんか?
input[type="button"] { color: red; }
それだけ
input { color: red; }
動作しますが、それは実際には何をした後ではありません...
ありがとう
編集:これはネイティブのie7の問題です。ie7モードはie9で動作します。
属性セレクターinput[type=button]
はCSSレベル2.1のコンポーネントであり、HTMLタイプ(4.xまたは5)は多かれ少なかれ無関係です。ただし、最も重要な要素は、実装がブラウザとそのCSSコンプライアンス/サポートのレベルに依存することです。
具体的には、Quirksmodeによると、「高度な属性セレクター」はIE <7では実装されていません(この場合の問題には実際には対処していません)。
私自身の実装では、属性値の値を引用するときに問題が発生することがあります。通常、この場合はセレクターを次のように修正することで修正されますが、input[type=button]
このアプローチを検証するための客観テストは実行しておらず、純粋にに基づいています。メモリー。
参照:
注:IE7およびIE8は、!DOCTYPEが指定されている場合にのみ属性セレクターをサポートします。IE6以前では、属性の選択はサポートされていません。
これはhtml5Doctypeでは機能しませんか?
Doctypeは、何かが機能するのを妨げたり許可したりする場合がありますが、ブラウザーによって本質的にサポートされていないものは実装されません。それがあなたの意図したことだと思います。明確にするだけです。
IE7はそのようなセレクターをサポートしています:<input type = "?"のCSSセレクター
私の知る限り、すべてのCSSセレクターはHTML 5 doctypeで動作します(互換モードなどのオーバーライド要素がないと仮定します)。
(少なくともIE9では)属性セレクターが互換表示で引き続き機能することを確認できます。ただし、クァークズモードを強制すると、属性セレクターが無効になります(また、適切に構造化されたページで一般的なアナーキーが発生します)。
<button></button>
の代わりに使用してみてください<input type="button" />
。BUTTON
これで、属性セレクター()の代わりに要素セレクター()を使用できるようになりますINPUT[type="button"]
。
BUTTON
もちろん、念のため、セレクターで要素を選択することはできませんINPUT[type="button"]
。その逆も同様です。