CSS选择器之占位符伪类:placeholder-shown示例
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - CSS选择器之占位符伪类:placeholder-shown示例</title> <style> input { padding: 0.5em 1em; } :placeholder-shown { background: red; } </style> </head> <body> <input type="text" placeholder="三十课" /> <input type="text" value="程序员的笔记本" placeholder="程序员的笔记本" /> </body> </html>
运行结果
三十课