SCSS/CSS selector to select all input types

Question

I have some input type has this scss setting (from the framework)

textarea, input[type="text"], input[type="password"], input[type="datetime"], ... input[type="date"], input[type="month"], input[type="time"], input[type="week"], {   @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); } 

I like to override/reset all, something similar

textarea, input[type="*"], {   @include box-shadow(none); } 

above doesn't work, Also

textarea,     input,     {       @include box-shadow(none);     } 

not specific enough. Is there a way to do this than listing all possible types.

Thanks.

Answer 1

There are a lot of possible input types. If you want textareas and any input that has a type attribute then...

textarea, input[type] {     ... } 

If you want to exclude some input types then use the :not selector. EDIT EXAMPLE JSFIDDLE http://jsfiddle.net/Pnbb8/

textarea, input[type]:not([type=search]):not([type=url]):not([type=hidden]) {  } 

But like I said there are probably a lot more types you DON'T want than types you DO want, so you can't really avoid the list.

You could always use a CSS class instead.

.box-shadowed {   @include box-shadow(none); }