使用 CSS 更改 HTML5 输入占位符颜色

在大多数浏览器中，占位符(在 input 标签中)是灰色的，为了改变这个占位符的颜色， ::placeholder选择器，通过它在那个特定的选择器中实现颜色属性。

此选择器可以将浏览器更改为浏览器，例如

对于 Chrome、Mozilla 和 Opera 浏览器，选择器可以实现为

::placeholder

对于 Internet Explorer 选择器可以是，

:-ms-input-placeholder

对于互联网边缘，它可以是，

::-ms-input-placeholder 

例子：

HTML 代码 1 ：
此代码显示了占位符选择器在不同浏览器中的使用

    
Change Placeholder Color
    

输出：

• 在谷歌浏览器中
  
• 在互联网边缘
  
• 在 Internet Explorer 中
  

HTML 代码 2 ：
此代码在输入标签的电子邮件属性中实现占位符选择器。占位符选择器可以应用于输入标签的任何属性(文本、电话、密码等)，以突出显示任何不同属性的颜色变化。

    
Change Placeholder Color
    

输出：