带有占位符的 aspx 页文本框。如何格式化占位符的 Css？答案

【问题标题】：aspx page Text Box with placeholder. How do I format the Css of the placeholder?带有占位符的 aspx 页文本框。如何格式化占位符的 Css？
【发布时间】：2021-01-30 08:07:09
【问题描述】：

请参阅下面的 aspx 页面，我有一个文本框，我正在尝试将占位符文本斜体化。我使用 css 吗？我从来没有真正使用过，所以如果是这样，请举例说明。谢谢！

  <asp:TextBox ID ="txtMyTextBox" runat="server" ClientIDMode="Static" MaxLength="30" Width="115px" placeholder="Text Box"></asp:TextBox>

【问题讨论】：

font-style: italic;, 输入文字时会保持斜体。如果你需要改变它，你需要一点 JS 来改变它。网上有这样的例子（可能在 SO 上）。

标签： css asp.net vb.net

【解决方案1】：

所以你想为你的文本框控件的占位符设置样式。按照这种格式来构建它：

::placeholder {
  /* your css declarations; */
}

如果你想为不同的文本框设置不同的样式，你可以在你的文本框中添加如下样式。

<style>
  .MyTextBox::placeholder {
    color:red;
    font-style: italic; /*I see you needed an example for italic text*/
  }
</style>

<asp:TextBox ID ="txtMyTextBox"
     runat="server" ClientIDMode="Static" 
     MaxLength="30" Width="115px" 
     CssClass="MyTextBox" 
     placeholder="Text Box">
</asp:TextBox>

工作示例：

.MyTextBox::placeholder {
  color:red;
  font-style: italic; /*I see you needed an example for italic text*/
}

&lt;input type="text" class="MyTextBox" placeholder="Hello World"/&gt;

对于 IE 10-11：

.MyTextBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

【讨论】：

谢谢@Jamshaid Kamran！这个例子很完美，帮助我意识到我所缺少的，因为我不习惯 Css。我唯一需要更改的是 IE 11 中使用的占位符选择器。
很高兴为您提供帮助。我也更新了 IE 10-11。