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

怎么修改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输入占位符， textarea:-ms先输入占位符, 我们只使用一个输入框创建一个简单的HTML文档。然后我们定义输入框的宽度和高度，以及字体颜色大小和占位符2的值。然后我们在浏览器中查看它，在我们的输入框中显示提示文本，也就是说，占位符是灰色的，这不是我们设置的颜色。我们检查元素，看到输入的颜色值是红色的。三。这是因为占位符中文本的颜色不受输入的颜色值控制，所以需要重写它。我们需要在元素后面添加：然后添加输入占位符属性。4但这还不够。现在有许多浏览器内核。我们需要同时考虑多个浏览器，因为浏览器这个所谓属性的兼容性不是很好。5在此设置之后，页面中所有输入标签的占位符中的文本为蓝色。我们可以添加一个类来区分输入

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

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。