html - 打印时如何修复 IE 表格、 radio 和复选框的怪癖？

Question

我需要在 IE8、IE9 和 Chrome 中打印页面。它在 Chrome 中打印完美，在 IE8 中打印效果不佳(尚未测试 IE9)。

我现在在使用 IE 时遇到的 3 个主要问题是:

1. 复选框和单选按钮的宽度乱七八糟，而且有边框
2. 整个表单的额外填充，尤其是标签和字段之间
3. 不显示内部表格边框，应该隐藏第一列

请参阅下面的屏幕截图。为什么会这样？我似乎无法修复它，我已经尝试多次更改 css。我知道它正在读取 CSS。

复选框:

到处都是额外的填充:

没有内部表格边框:

更新:

表单在 Chrome 和 IE 中均正确显示(显示表格边框、填充正确等)。它在 Chrome 中正确打印。它在 IE 中无法正确打印。

请不要告诉我以其他方式打印表格。我做出了从浏览器打印它的设计决定:这对我的元素来说是最好的。

Answer 1

1:你可能有类似的东西

input {border: ...; width: ...}

这会影响您的复选框和 radio 。至少在 Internet Explorer 中。您可以使用

解决此问题

input[type=radio], input[type=checkbox] {alternating styles}

或通过分配特定的类:

input.radio, input.checkbox {alternating styles}

2:您可以通过在其旁边同时提供输入表单和标签来摆脱填充

text-align: vertical

3:要解决边框问题，您应该为此提供 CSS ;)