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

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

---

您需要的是响应式样式表，具体来说：

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

或条件样式表，如下所述：

---

这是你最好的选择。不幸的是，在这种情况下，正如在许多其他情况下一样，对于跨浏览器CSS通常没有一个好的解决方案，它并不意味着浏览器特定的图纸、块或属性。这是由不同浏览器的设计性质决定的（因此在许多属性之前需要IE 10之前的条件、响应样式表和-moz、-webkit、-khtml等声明）。

我不确定这正是您想要的，但是可以使用@media screen和（最小宽度：0\0）设置自定义IE9/10样式{/*在此处输入CSS*/}并自定义放置所需的标记。这不会返回铬警告。在早期版本中，您可能需要设置响应样式表，如下所示：谢谢JCG，这确实有效。我希望找到一个解决方案，而不必单独选择浏览器。可能没有？