的jqGrid：filterToolbar輸入字段IE切斷10

Question

看看我filterToolbar的Chrome瀏覽器的外觀：

現在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 Forms中構建的。

Answer 1

這不是最好的答案，但它是一個答案。我的一位朋友建議我使用「重置CSS」表來消除瀏覽器的默認樣式。我申請了發現here的工作表，或多或少地解決了這個問題。

Answer 2

這通常發生在您在td上設置填充時。 比如你有一些CSS是這樣的：

td { 
    padding: 5px; 
} 

的jqGrid以來的CSS不會爲包含輸入框像上述任何的CSS將影響細胞的細胞指定填充。 因爲它不是推薦，因爲下一次升級到下一個版本的任何MODS將丟失，嘗試「覆蓋」（沒有真正覆蓋），它像這樣修改的jqGrid的CSS：

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