使用CSS格式化ASP：Textbox占位符？

Question

我的页面上asp:TextBox的电子邮件地址asp:UpdatePanel有一个占位符。我需要将占位符文本设置为浅灰色而不影响访问者输入的数据：

<table>  
<tr>  
</tr>  
  <asp:UpdatePanel ID="EditAddressAjax" runat="server" UpdateMode="Conditional">
   <ContentTemplate>
     <tr>
       <asp:TextBox ID="TicketUserEmail" runat="server" MaxLength="250" placeholder="Tickets will be emailed to this address."></asp:TextBox>
     </tr>
etc.

我无法弄清楚我需要做的CSS。 placeholder甚至没有在intellisense中显示。我只想在我的页面/网站中影响这个字段。

Answer 1

您可以使用以下内容：

:placeholder-shown {
  color: orange;
}

适用于所有浏览器：

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: orange;
}

:-moz-placeholder { /* Firefox */
  color: orange;
}

:-ms-input-placeholder { /* IE 10+ */
  color: orange;
}

::-ms-input-placeholder { /* Edge */
  color: orange;
}

:placeholder-shown { /* Default */
  color: orange;
}