asp textbox watermark color

Question

Есть ли способ изменить цвет текста водяного знака в текстовом поле asp.net (скажем, серого), в то время как любой пользователь набрал текст в окне черного цвета?

Когда я меняю цвет в css, он меняет текст ввода пользователем, который я не хочу.

У меня есть текстовое поле:

<asp:TextBox CssClass="GVBox" id="promotionVoucherTxtBox" 
runat="server" watermark="Promotional code"> 
</asp:TextBox><br /> 

И мое правило CSS:

input[type="text"], 
input[type="password"] 
    {padding: 3px 5px; 
    border:1px solid #D1D3D4; 
    font-size:13px; 
    color:#878787 
} 

Однако, как я уже говорил это меняет весь текст, водяной знак или пользовательский ввод. Я посмотрел онлайн, но ничего не нашел о стилизации водяных знаков.

Answer 1

Вы можете сделать это, используя ajaxToolkit: TextBoxWatermarkExtender. Проверьте следующий код.

<asp:TextBox ID="txt1" runat="server"></asp:TextBox> 
    <ajaxToolkit:TextBoxWatermarkExtender ID="TBWE3" runat="server" 
        TargetControlID="txt1" 
        WatermarkText="Email Address" 
        WatermarkCssClass="txtwatermark" /> 

Добавить следующий стиль для удлинителя.

<style type="text/css"> 
.txtwatermark 
    { 
     color:gray; 
    } 
    .txtwatermark:focus 
    { 
     color:black; 
    } 
    </style>