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

Question

我正在处理一个由以前的开发人员开发的元素。用户界面看起来很不错。然而，所有的文本框、标签等都很大(以一种好的方式，我们不想改变它)。

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

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

input {height:50px!important;}

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

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

谢谢

Answer 1

我想我明白了。只需将此添加到页面:

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

有效!还有更好的答案吗？