css - 如何使用css3更改占位符颜色？

Question

This question already has answers here:

Change an HTML5 input's placeholder color with CSS

(37个答案)


7年前关闭。




Google chrome和Mozila Firefox在输入时支持占位符属性。如何更改占位符颜色
我的代码是

<input type="text" placeholder="change color" />

最佳答案

对于Mozilla <19

<style type="text/css">  
    input:-moz-placeholder {  
      color: green;  
    }  
</style>  

从Mozilla 19开始

<style type="text/css">  
    input::-moz-placeholder {  
      color: green;  
    }  
</style>  

对于谷歌浏览器

<style type="text/css">  
    input::-webkit-input-placeholder {  
      color: green;  
    }  
</style>

对于IE 10

<style type="text/css">  
    input:-ms-input-placeholder {  
      color: green;  
    }  
</style>

关于css - 如何使用css3更改占位符颜色？ ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10551815/

上一篇：css - 如何在不丢失 Firefox 和 WebKit 浏览器中的默认边框的情况下将背景图像应用于文本输入？

下一篇：css - Emacs、自动完成模式、CSS、痛苦。 (插图!)

Answer 1

对于Mozilla <19

<style type="text/css">  
    input:-moz-placeholder {  
      color: green;  
    }  
</style>  

从Mozilla 19开始

<style type="text/css">  
    input::-moz-placeholder {  
      color: green;  
    }  
</style>  

对于谷歌浏览器

<style type="text/css">  
    input::-webkit-input-placeholder {  
      color: green;  
    }  
</style>

对于IE 10

<style type="text/css">  
    input:-ms-input-placeholder {  
      color: green;  
    }  
</style>