Jquery 显示IE中的问题-数据表行分组

Jquery 显示IE中的问题-数据表行分组,jquery,css,internet-explorer,datatables,grouping,Jquery,Css,Internet Explorer,Datatables,Grouping,我正在使用Datatables可折叠/可扩展分组,每个分组有一个行数、展开/折叠所有按钮和一个重置搜索按钮。我在Internet Explorer中遇到了一些显示问题 在IE 9、IE 8和IE 7中,未显示重置搜索按钮(搜索字段右侧的黑色X) 在IE 7中,搜索字段和标签也显示不正确。它没有正确对齐 有人能帮我解决这些IE CSS问题吗?非常感谢您的帮助 我已经设置了一个JSFIDLE来说明这个问题:1。在IE 9、IE 8和IE 7中,不会显示“重置搜索”按钮。 您使用的没有src属性。是的

我正在使用Datatables可折叠/可扩展分组,每个分组有一个行数、展开/折叠所有按钮和一个重置搜索按钮。我在Internet Explorer中遇到了一些显示问题

在IE 9、IE 8和IE 7中,未显示重置搜索按钮(搜索字段右侧的黑色X)

在IE 7中,搜索字段和标签也显示不正确。它没有正确对齐

有人能帮我解决这些IE CSS问题吗?非常感谢您的帮助


我已经设置了一个JSFIDLE来说明这个问题:

1。在IE 9、IE 8和IE 7中,不会显示“重置搜索”按钮。

您使用的
没有src属性。是的,包含框确实包含图标,但它们是由CSS声明的背景图像,不是直接从输入元素中的src属性呈现的,即不会很好地使用您的语法

2。在IE 7中,搜索字段和标签也显示不正确。它没有右对齐。


它没有正确对齐,因为IE7要求元素至少有一些样式才能正确定位。您已将“全部展开”按钮向左浮动,将“重置”按钮向右浮动,要在IE7中解决此问题,您可以完全取消浮动,并使用“显示:内联块;位置:相对”来内联定位元素。或者继续使用浮动,但也可以将搜索框向右浮动。(您需要在sDOM属性中切换重置框和搜索框的位置,以便在右浮动时保持正确的位置。

谢谢您的建议。我已经重新修改了JSFIDLE,现在它可以在任何地方工作,除了…IE 7。这是我修改的JSFIDLE:似乎调用函数ResetSearchField();是令人不快的根源。