2012-05-13 20 views
0

私のボタンを対象とした問題は、ie7です。これはHTML5のdoctypeで動作しませんか?ie7のボタンセレクタ(html5 doctype)

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

のみ

input { color: red; } 

作品が、実際にはないthatsの何の後にイム...

おかげ

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

+1

正確に何を求めていますか? – iambriansreed

+0

@iambriansreed html5 doctypeを使用して、ie7のボタンをターゲットにする働くCSSセレクタ。 – Johan

+1

私はあなたの[昨日からの前の質問](http://stackoverflow.com/questions/10564903/body-position-relative-inline-vs-css-file-ie7)を思い出しています。ここで何か不思議なことに間違っています本物のIE7。あなたのIE7には*問題があると思いますが、それが何であるかはわかりません。 – thirtydot

答えて

0

<input type="button" />の代わりに<button></button>を使用してください。その後、属性セレクタ(INPUT[type="button"])の代わりに要素セレクタ(BUTTON)を使用することができます。

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

0

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

具体的には、Quirksmodeによれば、「アドバンスドアトリビュートセレクタ」はIE < 7で実装されていません。

私自身の実装では、アトリビュート値の値を引用するときに問題が見つかることがありました。この場合、セレクタを修正することで修正されました。この場合はinput[type=button]ですが、このアプローチを検証するための客観的テストは行っていません純粋にメモリに基づいています。

参考文献:

0

doctypeは、何かが動作するのを防ぐ/許可するかもしれませんが、ブラウザが本質的にサポートしていないものを実装しません。私はそれがあなたが意味するものだと思います。ただ明確にする。

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

は、私の知る限りでは、すべてのCSSセレクタは、HTML 5のdoctype(例えば互換モードなど一切オーバーライド要因は、存在しないと仮定した場合)で動作します。

少なくとも(IE9では)属性セレクタが互換性ビューで動作することを確認できます。しかし、強制モードを強制すると、属性セレクタが無効になります(よく構造化されたページで一般的な無秩序が発生します)。

+0

まあ、明らかにie7のすべてのバージョンではないのですか? – Johan

+0

別の要因があるかもしれません。私はテストするためにネイティブのIE7を持っていませんが、*それが働くことを示唆する情報の大量があります。たぶん、IE7で動作しないJSフィドルを投稿しますか? –

関連する問題