所以我有一个最奇怪的错误,我有一个带有几个 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 中使它工作得很好。
我很感激任何帮助。
谢谢