使用 CSS 设置 ASP:文本框占位符的样式

本文关键字：占位符 样式 文本 CSS 设置 ASP 使用 | 更新日期: 2023-09-27 18:30:37

我有一个电子邮件地址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甚至没有在智能感知中显示出来。 我只想影响我的页面/站点中的此字段。

使用 CSS 设置 ASP:文本框占位符的样式

您可以使用以下内容： 

: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;
}
相关文章：