css3应用 如何设置css3中placeholder的字体颜色?
如何设置css3中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输入占位符{
Color:#666]}
placeholder是HTML5熟悉的一种新输入,主要是为了让表单体验更智能,相当于value属性,但是它有一个优点,就是当我们关注输入的文本时,会自动清除placeholder=“default value”的文本,但是兼容性不是很好,至少ie似乎需要9以上的支持,所以PC端的很多焦点处理还是用JS
for attribute应该是label的属性??它绑定到输入的ID。当我们单击输入前面的文本ID时,我们会自动将焦点放在文本框上,例如:]<form>
<label for=“name”> user name</label>
<input type=“text”name=“name”accessKey=“C”ID=“name”/>
</form>
在这个示例中,当我单击用户名时,它会自动聚焦在文本框上,即光标会自动定位在文本框中
修改paleholder中文本的CSS样式
1::-WebKit输入占位符{
2颜色:红色
3字体大小:20px
4行高:50px
5}
修改内部文本的CSS样式。Test1::-WebKit输入占位符{
颜色:红色
字体大小:20px
行高:50px
}
例如:
<!DOCTYPE HTML>
<html>
<head>
<meta charset=“UTF-8”>
<title></Title>
<style>
输入{
]高度:50px
字体大小:14px
行高:50px
50px
}。Test1::-WebKit输入占位符{
颜色:红色
字体大小:20px
行高:50px
}
</style>
</head>
<body>
<input class=“Test1”type=“text”placeholder=“test”/>
<input type=“text”placeholder=“test”/>
</body>
</HTML>
css3应用 设置placeholder的字体颜色 html里placeholder什么意思
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。