告别千篇一律：用 appearance 和伪元素给你的表单穿上灵魂战衣 最近捣鼓前端，总觉得那些默认的表单控件，就像批量生产的塑料玩具，功能是有了，但总少了点灵魂。看着它们在各种精心设计的网页里格格不入，我就忍不住想：难道HTML的表单控件就只能这样了吗？ 直到我开始深入研究 CSS 的 appearance 属性和伪元素，就像发现了一片新大陆。原来，我们可以用这两把“手术刀”，给这些“塑料玩具”做整容，让它们彻底告别“大众脸”，拥有真正属于自己的风格。 先说说 appearance 吧，这玩意儿就像一个“重置按钮”，可以把浏览器自带的默认样式给抹掉。想象一下，你手里的画笔被洗干净了，可以自由地在画布上挥洒。默认的单选框，复选框，下拉框，按钮，通通可以变成一张白纸，任你涂抹。 然后，伪元素 :before 和 :after 就闪亮登场了。它们就像两个隐形的“小助手”，可以帮你创建不存在于 HTML 结构中的元素，并用 CSS 来控制它们的样式。有了它们，你可以给按钮加个小图标，给输入框加个提示信息，甚至可以完全重塑表单控件的外观。 这就像什么呢？就像玩乐高积木，appearance 帮 …