<style>
body{
--color-placeholder:red;
--font-size-placeholder:16px;
}
css3的写法,需要写浏览器的内核标识码
-ms- IE浏览器的内核标识码
.uname::-ms-placeholder{
}
-o- 欧朋浏览器的内核标识码
.uname::-o-placeholder{
}
-moz- 火狐浏览器的内核标识码
.uname::-moz-placeholder{
}
-webkit- 谷歌浏览器的内核标识码
.uname::-webkit-placeholder{
}
.uname::placeholder{
color: var(--color-placeholder);
}
</style>
</head>
<body>
<input type="text" name="uname" id="uname" class="uname" placeholder="请输入用户名">
</body>
效果预览图: