如何修改文本区域/输入标记中占位符属性的CSS？

我正在尝试修改文本区域元素的占位符属性中文本的字体大小。我可以使用香草CSS来实现这一点，但是当我试图在我的应用程序中模仿这个想法时——一个使用Angular Material 2的Angular 2应用程序——我无法获得想要的行为。在香草HTML/CSS中，我可以简单地执行以下操作：

HTML:

<textarea id="foo" placeholder="goodbye enemy!"></textarea>

我只是修改百分比值来修改占位符文本的大小。但是，当我尝试使用角度材质的相同方法时，我无法修改字体大小

输入指令上的角度材质2文档如下所示：。我已经使用了与之关联的plnkr，但无法使用给定的方法修改占位符文本。有人知道为什么吗？文档声明，

只是本地输入/文本区域标记的包装，因此我不确定它是否覆盖了后台的某种行为。任何帮助都将不胜感激

---

秘诀在于，您不需要为输入设置样式，而需要为生成的标签设置样式

考虑到占位符的标签是在紧跟在

之后的

中生成的，您可以通过以下方式将其定位：

input + span > label {
  color: red !important;
}

+

表示您只关注下一个匹配元素，而

表示直接子元素

这可以在中看到

请注意，

！重要信息

上述选择器需要声明，因为它比Angular示例CSS中的选择器低。理想情况下，您希望提供更高的特异性，而不是使用

！重要信息

---

希望这有帮助！：）

您是否不想在textarea DOM中使用

mdInput

？您是否使用浏览器开发工具（通常为f12）来提示您的id或占位符属性是否完整？值得注意的是，这也适用于

textarea

，但仅在使用连接到内部DOM的

mdInput

时才适用于这两种情况。谢谢！出于好奇，您是如何识别所需的css选择器的正确组合的？（整个输入+span>标签业务）。实际上，我似乎仍然无法使用您的技术修改我应用程序中生成的标签，但我正在尝试以css选择器的正确组合为目标。我在示例中通过简单的尝试和错误解决了这个问题。通过使用F12开发者工具，我注意到生成的

被放置在一个

中，它直接跟在

后面。因此，我使用了

input+span>标签

来提供高水平的特异性，这样我就不需要使用

！重要信息

。可悲的是，无论如何我都需要这个。不过，这只是一个具体的问题。无论结构如何，它都将是DOM中附近的一个

。只需调整选择器即可。如果需要的话，您甚至可以只针对

输入
。请注意，您可能需要
！重要信息
。谢谢。看起来我也采用了同样的方法，但是在选择正确的组合时，事情并没有进展。如果我发布了开发工具的代码，你能看一下吗？这可能有点困难；您需要发布一个，如果找不到目标元素，这可能有点棘手。我强烈建议使用F12“检查”元素，以找出它在DOM中的确切位置。然后，您可以围绕此创建选择器。如果您仍然无法更改颜色，则可能是其他颜色具有更高的特异性，在这种情况下，您只需向上调整颜色链（也可以尝试使用
！important
开始）。
input + span > label {
  color: red !important;
}