我们都知道input有个placeholder属性来显示提示文字,那么有时候我们想改改提示文字样式该如何写css实现呢,下面介绍下方法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>input输入框提示文字</title>
<style>
/*修改提示文字的颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
color: red;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: red;
}
</style>
</head>
<body>
<input type="text" placeholder="请输入用户名" />
</body>
</html>
修改后提示文字样式如下:
原文链接:html中input提示文字样式修改 - 消逝的风i - 博客园