Question

我使用此代码

   <asp:TextBox ID="txtsearch" runat="server" Style="margin-top:21px; margin-right: 14px; margin-bottom: 0px;
                width: 120px; height: 13px; font-size: 11px" BorderStyle="None"></asp:TextBox>
<ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"
TargetControlID="TextBox1"
WatermarkText="Type First Name Here"
WatermarkCssClass="watermarked" />

和风格

 .unwatermarked
    {
        height: 18px;
        width: 148px;
    }

    .watermarked
    {
        height: 20px;
        width: 150px;
        padding: 2px 0 0 2px;
        border: 1px solid #BEBEBE;
        background-color: #F0F8FF;
        color: gray;
    }

显示水印但是文字闪烁!!!

Answer 1

更改您的代码，如下所示，我已经在IE，Mozilla，Chrome中检查了它是否完全正常工作

<asp:TextBox ID="TextBox1" runat="server" Style="margin-top:21px; margin-right: 14px; margin-bottom: 0px;
                    width: 120px; height: 13px; font-size: 11px" ></asp:TextBox>

            <asp:TextBoxWatermarkExtender ID="TextBox1_TextBoxWatermarkExtender" 
                runat="server" Enabled="True" WatermarkText="Type First Name Here"
     WatermarkCssClass="watermarked" TargetControlID="TextBox1">
            </asp:TextBoxWatermarkExtender>

在TextBox水印中闪烁文本框

1 个答案: