如何仅为页面上的某个部分覆盖代码的样式？

Question

我正在开发一个由之前的开发人员开发的项目。用户界面看起来很不错。但是，所有文本框，标签等都很大（好的方式，我们不想改变它）。

现在，我们要添加一个kendo网格。事实证明，由于现有的css，网格太大，但如果我们减小网格大小，它只显示2或3行。见屏幕截图。

主要是因为在css中有一条线：

input {height:50px!important;}

显然会影响剑道网格的外观。有没有办法为网格删除这个JUST？

或者，除非将网格移动到另一个页面，否则这是不可能的？

由于

Answer 1

我想我明白了。只需将其添加到页面：

<style>
    #grid input {    
        height: 10px!important;
    }
</style>

它有效！还有更好的答案吗？