【发布时间】：2016-01-27 13:29:34
【问题描述】：
我有一个奇怪的选择器问题，“input[type="text"]”选择器覆盖了“::placeholder”选择器。即使 "::placeholder" 选择器出现在 "input[type="text"]" 选择器之后。
问题：
为什么会这样？
以及如何同时实现输入文本和占位符文本的不同样式？
【问题讨论】：
标签： css ruby-on-rails forms
【发布时间】：2016-01-27 13:29:34
【问题描述】：
css 规则的优先级不仅仅基于它们出现的顺序：更具体的规则胜过不太具体的规则。例如，在这种情况下
div.bar div.foo { background: blue;}
div.foo { background: red;}
第一条规则将“获胜”，因为它更具体。我怀疑::placeholder 正因为这个原因胜过input[type="text"] - 它被认为（浏览器）更具体。
【讨论】：
-
感谢 "::placeholder" 继承样式 "text-transform: uppercase;"从“input[type="text"]”我能够解决这个问题！