CSS Not Input selector?

Question

I have a CSS rule:

.k-grid, .k-grid * { border: 0 !important; }

But this applies to everything in the container, including input elements.

Is there a way to edit that CSS to add a "not" clause to exclude inputs? Everything else needs the border turned off.

DSurguy · Accepted Answer · 2013-07-17 20:20:12Z

Based on this MDN article: https://developer.mozilla.org/en-US/docs/Web/CSS/:not , it appears that you could do .k-grid *:not(input).

Sachin · Accepted Answer · 2013-07-17 20:20:01Z

You have :not(input) selector in css to exclude the specific element.

.k-grid, .k-grid *:not(input)

Žarko Selak · Accepted Answer · 2013-07-17 20:27:08Z

Yes like this ...

.k-g >*:not(input){ border: none!important; }

examp.

3 Answers 3