我搜索了几天,找不到可以解决我问题的答案。我有一个简单的网络表单网站,上面有一些文本框,显示用户选择“自定义搜索”选项。当我在本地测试时,它可以正常工作,但是当我将它发布到我们的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=">">greater than</asp:ListItem>
<asp:ListItem Value=">=">greater than or equal to</asp:ListItem>
<asp:ListItem Value="<">less than</asp:ListItem>
<asp:ListItem Value="<=">less than or equal to</asp:ListItem>
<asp:ListItem Value="like">contains</asp:ListItem>
<asp:ListItem Value="not like">doesn't contain</asp:ListItem>
</asp:DropDownList>
<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并再次测试它仍然有效。
答案 0 :(得分:0)
在css类中尝试添加一个大的z-index值。即z-index:999; 如果这是有效的,那是因为一个元素,如果在你的文本框上,它确实有一个透明的背景。
编辑:您使用的是不同的浏览器吗?比如IE测试部署的版本和FF来测试你的本地版本?
答案 1 :(得分:0)
我认为解决方案是将“cursor:text”添加到CSS中,并且只是在我看到问题已修复之前清除了缓存。