1

所以我有一个最奇怪的错误,我有一个带有几个 asp:textbox 控件的表单,如果我编写代码并制作一个选项卡,没有任何反应,一切都保持正常,但如果出于某种原因我删除了一些文本然后更改控制,则文本框背景移动到屏幕的左上角,而我输入的文本保持在同一个位置......我正在尝试修复它,使包含文本框位置的单元格:相对但现在显示越过文本并且没有不要让我看到我写的东西。

这是我的代码:

<table id="tabla-form1">
    <tr>
        <td class="tabla-form1-cell">
            <span style="float: left;">Nombre</span>
            <asp:RequiredFieldValidator ID="validNombre" runat="server" ControlToValidate="txtNombre" ErrorMessage="Necesitas ingresar un nombre" Text="*" ForeColor="Red" />
            <asp:TextBox id="txtNombre" runat="server" CausesValidation="true" />
        </td>
    </tr>
    <tr>
        <td class="tabla-form1-cell">
            <span style="float: left;">Apellido</span>
            <asp:RequiredFieldValidator ID="validApellido" runat="server" ControlToValidate="txtApellido" ErrorMessage="Necesitas ingresar un apellido" Text="*" ForeColor="Red" />
            <asp:TextBox ID="txtApellido" runat="server" CausesValidation="true" />
        </td>
     </tr>
     <tr>
        <td class="tabla-form1-cell">
            <span style="float: left;">Fecha de nacimiento</span>
            <asp:RequiredFieldValidator ID="validNac" runat="server" ControlToValidate="txtNac" ErrorMessage="Necesitas ingresar una fecha" Text="*" ForeColor="Red" />
            <asp:TextBox ID="txtNac" runat="server" CssClass="fecha" /> 
        </td>
    </tr>
</table>

这是我的 CSS:

input[type='text'] {
    width: 160px;
    height: 20px;
    border-color: #bdbdbd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    color: #454545;
    z-index: 10;
    behavior: url("js/PIE.htc");
}

这发生在我身上,无论是带有验证还是没有验证的文本框,它只发生在 IE、firefox 和 chrome 中使它工作得很好。

我很感激任何帮助。

谢谢

4

1 回答 1

0

正如 adaam 所说,在你的 CSS 中,你有:

behavior: url("js/PIE.htc");

您应该查看或删除指向 的链接PIE.htc

有关渐进式 Internet Explorer (PIE) 的更多信息:

于 2013-06-17T03:54:23.097 回答