本文介绍了一种使用CSS伪元素和属性选择器实现输入框占位符样式的技巧，通过`:empty::marker`伪元素结合`attr(placeholder)`属性，使未填写的输入框自动显示提示文字。
<html>
<head>
<title>Test</title>
<style>
input[placeholder]:empty::marker {
content:attr(placeholder);
width:*;
line-height:1.6em;
color:#ccc;
}
</style>
<script type="text/tiscript"></script>
</head>
<body>
<input|text placeholder="Type something">
</body>
</html>
扫一扫
2375
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
