jqGrid：在IE 10中截断filterToolbar输入字段

Question

在Chrome中查看我的filterToolbar的外观：

现在IE 10：

为什么IE会像这样切断工具栏？兼容模式下看起来更糟糕。我尝试了几种更改工具栏高度的方法：

.ui-jqgrid table.ui-jqgrid-htable th.ui-th-column input, .ui-jqgrid table.ui-jqgrid-htable th.ui-th-column select { height: 200px; }

^在Site.css文件中添加它似乎不会影响任何内容。

var $toolbar = $("tr.ui-search-toolbar", grid[0].grid.hDiv); $toolbar.height(200); // test size of 200

^这几乎有效;工具栏本身增大到任何值，但输入字段仍然减半：

如果你然后点击任何输入字段，它们会跳起几个像素来显示整个事物，但这显然不是我想要的。点击选择下拉菜单根本不会移动它们。

该页面使用jqGrid v4.5.2和jQuery v1.8.2在ASP.NET Web窗体中构建。

Answer 1

当你在td上设置了填充时，通常会发生这种情况。 例如，你有一些这样的CSS：

td {
    padding: 5px;
}

由于jqGrid的css没有为包含输入框的单元格指定填充，因此上述任何css都会影响单元格。 因为不建议修改jqGrid的css，因为下次升级到下一个版本时，任何mod都会丢失，尝试“覆盖”（不是真正重写）就像这样：

.ui-jqgrid .ui-search-table td {
    padding: 0px;
}

Answer 2

这不是最好的答案，但它是一个答案。我的一位朋友建议我使用“重置CSS”表来消除浏览器的默认样式。我应用了here找到的工作表，它或多或少地解决了这个问题。