HTML5通过CSS怎么修改input的placeholder字体颜色？

本篇文章667字，读完约2分钟

具体代码如下:

/placehodel/

输入:-ms-input-占位符{

{}

/* internet explorer 10+ */

输入::-web kit-input-占位符{

{}

/* webkit浏览器*/

输入::-moz-占位符{

{}

/* mozilla firefox 4到18 */

输入:-moz-占位符{

{}

/* mozilla firefox 19+ */

输入::-WebKit-input-占位符，

text area::-web kit-input-placeholder {

{}

输入:-moz-占位符，

text area:-moz-占位符{

{}

指南:不同的浏览器有不同的兼容性，所以需要不同的浏览器做兼容性处理。注意:当你在输入后设置字体颜色时，不要添加后代选择器，这很重要

具体代码如下:

/placehodel/

输入:-ms-input-占位符{

{}

/* internet explorer 10+ */

输入::-web kit-input-占位符{

{}

/* webkit浏览器*/

输入::-moz-占位符{

{}

/* mozilla firefox 4到18 */

输入:-moz-占位符{

{}

/* mozilla firefox 19+ */

输入::-WebKit-input-占位符，

text area::-web kit-input-placeholder {

{}

输入:-moz-占位符，

text area:-moz-占位符{

{}

来源：零点娱乐时刊