修改placeholder提⽰内容的颜⾊以及⽂本框输⼊⽂字内容的颜
⼀般表单⽂本框提⽰信息:placeholder=" ",默认颜⾊是灰⾊的,输⼊⽂本信息也是默认为⿊⾊的,如图所⽰:
修改placeholder提⽰内容的颜⾊关键代码及实现:
实现输⼊的时候字体颜⾊变成其他颜⾊(如红⾊)的关键代码及实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#name:focus{
color:red;
}
#password:focus{
color:#FFA015;
}
input::-webkit-input-placeholder{
color:pink;
}
input:-moz-placeholder{
color:pink;
}
</style>
</head>
<body>
<form>
<label for="male">姓名:</label>
<input type="text" id="name" placeholder="
请输⼊您的姓名"/>
<label for="male">密码:</label>html设置字体颜属性
<input type="password" id="password"
placeholder="请输⼊您的密码"/>
</form>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。