How to overwrite a tag's style for just a section on the page?
<p>I'm working on a project which was developed by previous developer. The UI looks pretty good. However, all textbox, label, etc. are big (in a good way, and we do not want to change it).</p>

<p>Now, we want to add a kendo grid. It turns out that because of the existing css, the grid too big, but if we reduce grid size, it only shows 2 or 3 rows. See screen shot.</p>

<p>It is mainly because in the css, there is a line:</p>

<pre><code>input {height:50px!important;}
</code></pre>

<p>And obviously affects the kendo grid's look. Is there a way to remove this JUST for the grid?</p>

<p>Or, this is impossible unless move the grid to another page? </p>

<p>Thanks</p>

<p><a href="https://i.stack.imgur.com/lKXUi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lKXUi.png" alt="enter image description here"></a></p>