2012-03-31 17 views
5

タイプがでないすべての入力タグに一致するCSSセレクターがcheckboxである必要があります。タイプがチェックボックス以外のすべての入力タグを選択

この試合:

<input value="Meow!" />

<input type="password" />

...しかし、これはないを行います。

<input type="checkbox" />

タイプがcheckboxですので!

これは私が現時点で持っているものです。

input:not(type="checkbox")

は残念ながら、それはない作業を行います!

だからここに私の質問に来る:

  1. 私CSS3セレクタを修正する方法は?
  2. CSS3とJavaScriptなしで可能ですか?
  3. CSS3を使用せずにJavaScriptを使用することは可能ですか?

ありがとうございました!

input { 
    /* Styles for all inputs */ 
} 

input[type="checkbox"] { 
    /* Override and revert above styles for checkbox inputs */ 
} 

:あなたはCSSで上書きルールを利用するために必要となるスタイルを適用している場合

input:not([type="checkbox"]) 
  • :あなたの属性セレクタは、角括弧が欠落している

  • 答えて

    17
    1. 想像しているように、ブラウザのデフォルトスタイルがCSSでうまく定義されていないため、フォーム要素でこれを行うことはほとんど不可能です。

      $('input:not([type="checkbox"])') 
      
    +0

    感謝を:あなたはCSSで行うよう

    $('input:not(:checkbox)') 

    ます。また、同じセレクタを使用することができます。

  • jQueryのは、あなたが使用することができます:checkbox selector提供しています!私が得た一つのアイデアは、 'checkbox'を除くすべての可能な入力タイプを定義し、私のカスタムCSSをそれらに適用することでした。それで、型指定されていない 'input'タグだけが失敗します。 – daGrevis

  • +0

    @daGrevis:はい、いい選択肢です。とにかく型なしで 'input'要素を避けるべきです。 – BoltClock

    +0

    それはなぜですか? HTML5が有効で、入力が簡単です。 – daGrevis

    1

    input:not([type="checkbox"])

    +0

    ページをより頻繁に更新する必要があります。:) –

    関連する問題