最近开发项目的时候经常遇到修改input里面的placeholder的字体颜色，每次遇到都要去网上查找，于是这篇文章专门整理了一下
要求：
image.png
实现的效果
image.png
实现代码：
/* WebKit browsers */
input::-webkit-input-placeholder {
color: #ccc;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
color: #ccc;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
color: #ccc;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
color: #ccc;
}
修改input框中placeholder的字体相关样式 ::-webkit-input-placeholder {...
input标签的placeholder有默认的样式，但是也是可以修改的，可以修改各种样式，颜色，字体大小，行高等等...
最近开发项目的时候经常遇到修改input里面的placeholder的字体颜色，每次遇到都要去网上查找，于是这篇文...
input设置color样式只能修改输入文字的颜色，不能修改placeholder的颜色。要修改placehold...
设置input 的placeholder的字体样式 设置input聚焦时的样式 取消input的边框
关于表单: placeholder input默认样式修改: input::-webkit-input-place...
设置input 的placeholder的字体样式 设置input聚焦时的样式 取消input的边框 隐藏滚动条或...
1-1. 设置input 的placeholder的字体样式 设置input占位符的样式 设置input聚焦时的样...
input框中placeholder自定义字体颜色 input::-webkit-input-placeholde...
ios修改textField的placeholder的字体颜色、大小 textField.placeholder=...
本文标题：修改input里面placeholder的字体颜色样式
本文链接：https://www.haomeiwen.com/subject/bpaelrtx.html
网友评论