ASP.net文本框表现不佳

时间:2013-07-08 20:45:48

标签: asp.net css text textbox markup

我搜索了几天,找不到可以解决我问题的答案。我有一个简单的网络表单网站,上面有一些文本框,显示用户选择“自定义搜索”选项。当我在本地测试时,它可以正常工作,但是当我将它发布到我们的web服务器时,文本框就会停止工作。我注意到Web服务器上的悬停光标从预期的“文本”光标切换到“指针”光标。 “文本”光标显示如果我将光标移动到文本框的边缘,并允许我单击文本框并根据需要键入文本,但是当我移动鼠标时,没有任何部分触及边缘的文本框(但在文本框内)然后它成为指针光标,无论我按下鼠标按钮有多难,我都无法激活文本框来输入它。如果我首先在下拉列表中进行选择,然后单击选项卡,焦点将移动到文本框。

以下是文本框的标记代码:

<asp:Label ID="lbl_Fname" Text="First Name" CssClass="FN-lbl" runat="server" />
<asp:DropDownList ID="ddl_Fname" CssClass="FN-drop" Width="12%" runat="server">
    <asp:ListItem Value="0">-- Select One --</asp:ListItem>
    <asp:ListItem Value="=">equals</asp:ListItem>
    <asp:ListItem Value="<>">does not equal</asp:ListItem>
    <asp:ListItem Value="&gt;">greater than</asp:ListItem>
    <asp:ListItem Value="&gt=">greater than or equal to</asp:ListItem>
    <asp:ListItem Value="&lt;">less than</asp:ListItem>
    <asp:ListItem Value="&lt;=">less than or equal to</asp:ListItem>
    <asp:ListItem Value="like">contains</asp:ListItem>
    <asp:ListItem Value="not like">doesn&#39;t contain</asp:ListItem>
</asp:DropDownList>&nbsp;&nbsp;
<asp:TextBox ID="txt_Fname" CssClass="FN-txt" Width="16%" runat="server"></asp:TextBox>

这是Css条目(注意:此帖子中的评论不在我的CSS中):

.FN-txt
        {
            position: absolute; 
            left: 320px; 
            top: 120px; 
            width: 100px; 
            height: 20px; 
            cursor: text; /*an attempt to get the cursor to behave, it didn't help*/
        }

我已经回顾了有关asp.net和文本框以及代码项目的堆栈溢出的每篇文章,并在google(或blackle.com)中记录了许多小时,并且使用我的搜索字词。我试图发布GUI的图片,但显然noobs无法发布图片。

-----------------跟进笔记------------------------ 这是我添加到标记的代码:

OnSelectedIndexChanged="ddl_Email_SelectedIndexChanged" AutoPostBack="true"

这是背后的代码:

protected void ddl_Fname_SelectedIndexChanged(object sender, EventArgs e)
{
    if (ddl_Fname.SelectedValue != "0")
    {
        txt_Fname.Focus();
    }
}

现在我想知道为什么要修复它。我尝试了mtzaldo的解决方案并将其添加到Fname中,当我看到我的更改和他的建议的组合似乎可以解决问题时,我从CSS中删除了他的z-index并再次测试它仍然有效。

2 个答案:

答案 0 :(得分:0)

在css类中尝试添加一个大的z-index值。即z-index:999; 如果这是有效的,那是因为一个元素,如果在你的文本框上,它确实有一个透明的背景。

编辑:您使用的是不同的浏览器吗?比如IE测试部署的版本和FF来测试你的本地版本?

答案 1 :(得分:0)

我认为解决方案是将“cursor:text”添加到CSS中,并且只是在我看到问题已修复之前清除了缓存。