Monday, May 20, 2024
Homepage · css
 Popular · Latest · Hot · Upcoming
91
rated 0 times [  93] [ 2]  / answers: 1 / hits: 27821  / 12 Years ago, sat, march 31, 2012, 12:00:00

I need CSS selector that match all input tags where type is not checkbox.



This match:



<input value=Meow! />



<input type=password />



...but this does not:



<input type=checkbox />



Because type is checkbox!



This is what I have at the moment:



input:not(type=checkbox)



Unfortunately, it does not work!



So here comes my questions:




  1. How to fix my CSS3 selector?

  2. Is it possible without CSS3 and JavaScript?

  3. Is it possible without CSS3, but with use of JavaScript?



Thanks in any advice!


More From » css
 Answers
11

  1. Your attribute selector is missing the square brackets:



    input:not([type=checkbox])

  2. If you're applying styles you will need to make use of an override rule in CSS:



    input {
    
    /* Styles for all inputs */
    
}
    

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


    As you can imagine, it's almost impossible to do this for form elements because their browser-default styles aren't well-defined in CSS.


  3. jQuery provides a :checkbox selector that you can use:



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


    You can also use the same selector as you do in CSS:



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


[#86486] Friday, March 30, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
andreguym
Add To Favorites
Follow
Total Points: 125
Total Questions: 112
Total Answers: 103
Location: Wallis and Futuna
Member since Tue, Mar 30, 2021
3 Years ago
andreguym questions
Sun, Dec 5, 21, 00:00, 3 Years ago
Fri, May 14, 21, 00:00, 3 Years ago
Sun, Apr 4, 21, 00:00, 3 Years ago
Sat, Apr 3, 21, 00:00, 3 Years ago
Wed, Mar 17, 21, 00:00, 3 Years ago
View All
;