Use :not Pseudo Selector with Input Type in CSS

You have a form which having all types of input fields, like Text, Password, Number, Checkbox and etc. You have to add style to all input filed expect Checkbox.

To achieve we used  :not Pseudo Selector.

input:not([type='checkbox']) {    
    //your CSS code here
}

For multiple Selectors

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

 

Was this post helpful?
Let us know if you liked the post. That’s the only way we can improve.
Yes0
No0
Harinder Singh

Harinder Singh

My name is Harinder Singh and I specialize in Software industry. I consider myself as a life learner. I love learning new concepts, embracing new ideas and reading and searching for innovation.