IE和其他浏览器之间的表单文本字段格式问题

Question

我们正在构建一个紧密复制打印版本的表单，该打印版本需要在图形元素上的层中精确放置输入文本字段，以匹配打印表单。在客户要求文本正确对齐之前，一切都很正常。测试表明，IE9-10不会将字母间距添加到最右侧字母的右侧，而其他浏览器会这样做。不幸的是，这会导致输入字段内容排在不同的位置。CSS被调整以使数字在下面的框上对齐，然而，在IE9-10 (以及可能更早的版本)中，数字被移到右边(没有空格)。去掉字母间距可以解决这个问题，但我们需要它来匹配方框位置。

http://siteground164.com/~contexed/design1/index.php/education/techmark/decision-form-2n

Answer 1

您正在寻找的是响应式样式表，具体地说：

 @media screen and (min-width:0\0) {/* Enter CSS here */ }

或条件样式表，如下所述：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

这是你最好的选择。不幸的是，在这种情况下，就像在许多其他情况下一样，通常没有一个很好的跨浏览器CSS解决方案，它不隐含特定于浏览器的表、块或属性。这是不同浏览器设计的本质(因此在很多属性之前需要IE10之前的条件、响应式样式表和-moz、-webkit、-khtml等声明)。