CSS :placeholder-shown

/* Applying style to input apppes to both input text and placeholder */
input { color: red; }

/* Applying style *just* to placeholder */
input::placeholder { color: blue; }

/* Applying style to input when placeholder is shown */
input:placeholder-shown { color: yellow; }

/* Applying style to input but *not* placeholder */
input:not(:placeholder-shown) { color: green; }

：显示的占位符是一个很棒的伪选择器，可以根据状态更有效地设置占位符及其元素的样式。创造力不仅仅是一个设计术语，它是开发人员解决有趣问题的一种思维方式！