修改placeholder颜色 怎么修改input中placeholder的字体颜色?

怎么修改input中placeholder的字体颜色?首先,让我们简单地编写一个包含输入和文本区域的HTML页面,简单地设置基本样式,并注意占位符。然后在浏览器中预览效果,您将看到默认占位符颜色为灰色

怎么修改input中placeholder的字体颜色?

首先,让我们简单地编写一个包含输入和文本区域的HTML页面,简单地设置基本样式,并注意占位符。

然后在浏览器中预览效果,您将看到默认占位符颜色为灰色。下一步,设置占位符的字体颜色

由于每个浏览器的CSS选择器不同,您需要为每个浏览器分别进行设置(输入和文本区域可以写在冒号之前)。

::-webkit输入占位符{/*webkit浏览器*/

颜色:#999

}

:-moz占位符{/*Mozilla Firefox 4到18*/

颜色:#999

}

:-moz占位符{/*Mozilla Firefox 19*/

颜色:#999

}

:-ms输入占位符{/*Internet Explorer 10*/

Color:#-999]}

也可以这样写:

]输入:#-WebKit输入占位符,文本区:#-WebKit输入占位符{

颜色:#-666]}输入:-moz占位符, textarea:-moz占位符{

颜色:#666

}

输入::-moz占位符,文本区域::-moz占位符{

颜色:#666

}输入:-ms输入占位符, 文本区域:-ms输入占位符{

颜色:#666

}