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

【问题标题】：Form text field formatting issue between IE and other browsersIE和其他浏览器之间的表单文本字段格式问题
【发布时间】：2013-10-25 01:08:02
【问题描述】：

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

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

【问题讨论】：

我不确定这是否正是您要寻找的，但可以使用@media screen 和 (min-width:0\0) {/* Enter 设置自定义 IE9/10 样式CSS here */ } 和自定义放入您需要的标签。并不是说这会返回 Chromium 警告
在早期版本中，您可能需要设置响应式样式表，如下所示：css-tricks.com/how-to-create-an-ie-only-stylesheet
感谢 JCG，这确实有效。我希望在不挑出浏览器的情况下找到解决方案。也许没有？

标签： internet-explorer-9 internet-explorer-10 text-align letter-spacing

【解决方案1】：

您正在寻找的是响应式样式表，特别是：

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

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

这些是您最好的选择。不幸的是，在这种情况下，就像在许多其他情况下一样，通常没有一个好的跨浏览器 CSS 解决方案，它不暗示浏览器特定的工作表、块或属性。这是不同浏览器设计的本质（因此需要 IE 10 之前的条件、响应式样式表以及 -moz、-webkit、-khtml 等在许多属性之前的声明）。

【讨论】：