Windows 8.1上IE11的HTML文本字段大小

我正在移植一个目前在IE6和IE8中运行的web应用程序，以便在Windows8.1上的IE11中运行

最严重的兼容性问题是关于文本字段的大小（即长度）。它们通常比旧浏览器长几毫米，这会抛出许多页面格式-例如，一个由三部分组成的日期字段将溢出到下一行

在我看来，问题在于使用SIZE=n以字符形式指定字段长度。从IE8到IE9，这似乎是不一致的，最好使用STYLE=“WIDTH:npx”。链接：

我正试图找到一个解决方案，避免将此更改应用于数百个字段

到目前为止，我已经研究了两种可能的解决方案： （1） 删除IE11放在文本字段中的“x”（清除按钮），以防这导致大小增加。遗憾的是，建议的解决方案（设置为ms clear）无法工作，因为浏览器必须在兼容模式下运行。 （2） 增加窗口大小。这有助于处理某些字段，但不是很多，并会导致其他不希望出现的屏幕格式问题

HTML中一组受影响字段以及相关CSS类定义的示例如下：

HTML:

使用CLASS=“clsText”定义的上述所有字段都受此问题的影响

如有任何想法，将不胜感激

以百分比指定列的宽度

通过以百分比而不是固定长度定义文本框的大小来更改文本框的大小定义。 这可以通过在输入标记内使用style属性来实现，例如style=“width:20%”，而不是像size=“4”那样以像素为单位指定

---

我知道这将需要一些时间来实现，但这将是一个长期的解决方案，在调整窗口大小的情况下也会有所帮助。

旁注，为什么有人会在隐藏字段上添加大小属性？此外，该标记有几个错误，并且无效。最好现在就更新所有内容并使其达到标准，而不是对其进行修补，然后在以后再次处理。为什么不能取消宽度限制，让列保持其自然大小？

<TABLE WIDTH="625" BORDER="0">
<!-- Column 1 --><COL WIDTH="100">
<!-- Column 2 --><COL WIDTH="115">
<!-- Column 3 --><COL WIDTH="102">
<!-- Column 4 --><COL WIDTH="93">
<!-- Column 5 --><COL WIDTH="40">
<!-- Column 6 --><COL WIDTH="20">
<!-- Column 7 --><COL WIDTH="137">
<TR>
    <TD>Date of Birth:</TD>
    <TD><INPUT TYPE="hidden" ID="DateOfBirth" NAME="DateOfBirth" SIZE="10" CLASS="clsText" ONBLUR="validateField()" ONFOCUS="resetFldFocusFlag()">
                <INPUT ID="DateOfBirthDay" NAME="DateOfBirthDay" SIZE="2" CLASS="clsText" ONKEYUP="autoDateTab(this);" MAXLENGTH="2" ONBLUR="validateField()" ONFOCUS="resetFldFocusFlag()"> /
                <INPUT ID="DateOfBirthMonth" NAME="DateOfBirthMonth" SIZE="3" CLASS="clsText" ONKEYUP="autoDateTab(this);" MAXLENGTH="3" ONBLUR="validateField()" ONFOCUS="resetFldFocusFlag()"> /
                <INPUT ID="DateOfBirthYear" NAME="DateOfBirthYear" SIZE="4" CLASS="clsText" ONBLUR="validateField();" MAXLENGTH="4" ONFOCUS="resetFldFocusFlag()"></TD>
    <TD>Age Estimated?
    <INPUT TYPE="checkbox" NAME="AgeEstimated" ID="AgeEstimated" ONCLICK="AgeEstimatedEffects()" SIZE="1" VALUE="Y" ONBLUR="validateField()" ONFOCUS="resetFldFocusFlag()"></TD>
    <TD>App. Age or From:</TD>
    <TD><INPUT ID="ApparentAge" NAME="ApparentAge" MAXLENGTH="3" SIZE="3" CLASS="clsText" ONBLUR="validateField(); MoveFocusToAgeTo()" ONFOCUS="resetFldFocusFlag()"></TD>
    <TD>To:</TD>
    <TD><INPUT CLASS="clsText" ID="AgeTo" NAME="AgeTo" SIZE="3" MAXLENGTH="3" ONBLUR="validateField()" ONFOCUS="resetFldFocusFlag()"></TD>
</TR>
</TABLE>

.clsText
{
    COLOR: black;
    BACKGROUND-COLOR: white;
    FONT-SIZE: 11px;
    FONT-FAMILY: 'Microsoft Sans Serif';
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}