使用 CSS 设置 ASP:Textbox 占位符的样式？

Question

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

<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 甚至不会在智能感知中显示。我只想影响我的页面/站点中的这个字段。

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;
}