标题中的中心复选框

Question

我想对齐：居中＆＃34;选择全部＆＃34;标题中的复选框。它是jqgrid标题中的第一个单元格。

我试过了：

#configDiv th input[type="checkbox"] {
    margin: 0 auto !important;
}

和

grid.find('th input[type="checkbox"]').css("align", "center");

那些没有用的工作！

有什么想法吗？

Answer 1

感谢Oleg的this answer我找到了这个;

grid.closest('div.ui-jqgrid-view').find('table.ui-jqgrid-htable th:first-child').css("text-align", "center");

Answer 2

输入（例如复选框）是内联元素，您无法直接将它们居中。你需要在父元素中居中“文本”（我知道复选框不是文本，但这就是CSS规则是什么），在这种情况下是th。

您可以使用CSS中的以下代码执行此操作;

#configDiv th {
    text-align: center;
}

如果您需要定位特定的th，那么您应该在HTML中添加一个类并使用th.classname选择器。

希望这有帮助。