如何仅覆盖页面上某个部分的标签样式？

Question

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

现在，我们要添加一个剑道网格。原来是因为现有的 css，网格太大了，但是如果我们减小网格大小，它只会显示 2 或 3 行。查看屏幕截图。

主要是因为在css中，有一行：

input {height:50px!important;}

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

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

谢谢

Answer 1

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

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

有效！有更好的答案吗？