<input type =“？”のCSSセレクター

CSSを使用して、タイプに基づいてすべての入力をターゲットにする方法はありますか？さまざまな無効なフォーム要素で使用する無効なクラスがあり、テキストボックスの背景色を設定していますが、チェックボックスでその色を取得したくありません。

別のクラスでこれを実行できることはわかっていますが、可能であればCSSを使用します。きっとJavaScriptでこれを設定できますが、再びCSSを探します。

IE7 +をターゲットにしています。だから私はCSS3を使うことができないと思います。

編集する

CSS3を使用すると、次のようなことができますか？

INPUT[type='text']:disabled それは私のクラスを完全に取り除くのにさらに良いでしょう...

編集する

助けてくれてありがとう！したがって、クラスを設定する必要なしに無効にされたすべてのテキストボックスと領域を変更するセレクターがあります。この質問を始めたとき、これが可能だとは思っていませんでした...

INPUT[disabled][type='text'], TEXTAREA[disabled]
{   
    background-color: Silver;
}

これはIE7で動作します

はい。IE7 +は属性セレクターをサポートします：

input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

特定の値に等しい、始まる、含む、または終わる値を含む属性タイプの要素入力。

その他の安全な（IE7 +）セレクターは次のとおりです。

• 親>子： p > span { font-weight: bold; }
• 〜要素が前にあります。 span ~ span { color: blue; }

どちら<p><span/><span/></p>が効果的にあなたに与えるでしょう：

<p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

参考資料： quirksmode.comでのブラウザーCSSの互換性

誰もがそれを行うことはできないと思っていることに驚いています。CSS属性セレクターは、ここしばらく前から存在しています。.cssファイルをクリーンアップするときがきたと思います。

悲しいことに、他のポスターはあなたが正しいと正確です ...実際にはkRONによって修正されていますが、IE7と厳格なドキュメントで問題ありませんが、IE6要件を持つ私たちのほとんどは、これに関するJSまたはクラス参照に削減されていますが、 CSS2プロパティー。IE^ h ^ hブラウザーからの十分なサポートがないものです。

完全性から、タイプセレクターは、xpathと同様の形式です[attribute=value]が、多くの興味深いバリアントが存在します。それが利用可能になると、それは非常に強力になります。IE8を頭に置いておくのは良いことです。

• w3リファレンス

• ブラウザサポートリファレンス

これはjQueryで実行できます。それらのセレクターを使用して、タイプなどの属性で選択できます。ただし、これには、ユーザーがJavascriptをオンにし、ダウンロードする追加のファイルが必要ですが、それが機能する場合は...

すみません、短い答えはノーです。CSS（2.1）はDOMの要素のみをマークアップし、属性はマークアップしません。各入力に特定のクラスを適用する必要があります。

残念なことに、それは非常に役立つでしょう。

JavaScriptよりもCSSを好むとおっしゃっていましたが、jQueryの使用を検討する必要があります。これは、属性に基づいてDOM要素にスタイルを追加する非常にクリーンでエレガントな方法を提供します。