修改照片底色 怎么修改input中placeholder的字体颜色?
怎么修改input中placeholder的字体颜色?
首先,让我们简单地编写一个包含输入和文本区域的HTML页面,简单地设置基本样式,并注意占位符。
然后在浏览器中预览效果,您将看到默认占位符颜色为灰色。接下来,设置占位符的字体颜色
修改paleholder内部文本的CSS样式
1::-WebKit输入占位符{
2颜色:红色
3字体大小:20px
4行高:50px
5}
修改名为test1的类的paleholder内部文本的CSS样式。Test1::-WebKit输入占位符{
颜色:红色
字体大小:20px
行高:50px
另外,50px
!]<!DOCTYPE HTML>
<<>
<head>
<meta charset=“UTF-8”>
< title></title>
!<<!<!doctypehtml>>
<>>;>;HTTP>;HTTP>
]<>;中的>;和>;中的>;和>;中的>;和>;在>
!ltinputclass=“test1”Type=“text”placeholder=“test”/>
<input Type=“text”placeholder=“test”/>
</body>
</HTML>
如何修改placeholder样式?
由于每个浏览器的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
}
修改照片底色 设置placeholder的字体颜色 ps文字怎么改变颜色
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。