我们都知道placeholder是文本框的提示信息, 实现思路: 使用以下css属性 input::-webkit-input-placeholder{ color:blue; } input:-moz-placeholder { color:blue; } input::-moz-placeholder{ color:blue; } input:-ms-input-placeholder{ color:blue; }
例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.wd1x.com/" />
<title>问答一下</title>
<style>
input::-webkit-input-placeholder{
color:blue;
}
input:-moz-placeholder {
color:blue;
}
input::-moz-placeholder{
color:blue;
}
input:-ms-input-placeholder{
color:blue;
}
</style>
</head>
<body>
<p>
wd1x.com <br />
placeholder设置提示字体颜色为蓝色
</p>
<hr />
<input type="text" placeholder="问答一下">
</body>
</html>
|