0

IE7でボタンをターゲットにするのに問題があります。これはhtml5Doctypeでは機能しませんか?

 input[type="button"] { color: red; }

それだけ

input { color: red; }

動作しますが、それは実際には何をした後ではありません...

ありがとう

編集:これはネイティブのie7の問題です。ie7モードはie9で動作します。

4

4 に答える 4

0

属性セレクターinput[type=button]はCSSレベル2.1のコンポーネントであり、HTMLタイプ(4.xまたは5)は多かれ少なかれ無関係です。ただし、最も重要な要素は、実装がブラウザとそのCSSコンプライアンス/サポートのレベルに依存することです。

具体的には、Quirksmodeによると、「高度な属性セレクター」はIE <7では実装されていません(この場合の問題には実際には対処していません)。

私自身の実装では、属性値の値を引用するときに問題が発生することがあります。通常、この場合はセレクターを次のように修正することで修正されますが、input[type=button]このアプローチを検証するための客観テストは実行しておらず、純粋にに基づいています。メモリー。

参照:

于 2012-05-13T13:10:45.307 に答える
0

注:IE7およびIE8は、!DOCTYPEが指定されている場合にのみ属性セレクターをサポートします。IE6以前では、属性の選択はサポートされていません。

http://www.w3schools.com/css/css_attribute_selectors.asp

于 2012-05-13T13:10:46.080 に答える
0

これはhtml5Doctypeでは機能しませんか?

Doctypeは、何かが機能するのを妨げたり許可したりする場合がありますが、ブラウザーによって本質的にサポートされていないものは実装されません。それがあなたの意図したことだと思います。明確にするだけです。

IE7はそのようなセレクターをサポートしています:<input type = "?"のCSSセレクター

私の知る限り、すべてのCSSセレクターはHTML 5 doctypeで動作します(互換モードなどのオーバーライド要素がないと仮定します)。

(少なくともIE9では)属性セレクターが互換表示で引き続き機能することを確認できます。ただし、クァークズモードを強制すると、属性セレクターが無効になります(また、適切に構造化されたページで一般的なアナーキーが発生します)。

于 2012-05-13T13:10:54.400 に答える
0

<button></button>の代わりに使用してみてください<input type="button" />BUTTONこれで、属性セレクター()の代わりに要素セレクター()を使用できるようになりますINPUT[type="button"]

BUTTONもちろん、念のため、セレクターで要素を選択することはできませんINPUT[type="button"]。その逆も同様です。

于 2012-05-13T13:36:27.090 に答える