更改内部类占位符的文本颜色

Question

我正在努力解决一个相当微不足道的问题，我从来没有遇到过CSS的经验。如何更改这样的占位符文本颜色？

<div class="square">
  <input class="circle" placeholder="blue" />
</div>

我认为这样的事情可能有用，但它没有

.square{
      .circle::-webkit-input-placeholder {
        color: blue;
      }
}

此外，如果它在层次结构中进一步嵌套，我想知道如何完成相同的操作。是否可以跳过目标占位符和外部元素之间的元素？

Answer 1

要定位.square元素中的.circle元素，您需要编写：

.square .circle::-webkit-input-placeholder {

Answer 2

将语法更改为以下代码：

.square .circle::-webkit-input-placeholder {
  color: blue;
}

<div class="square">
  <input class="circle" placeholder="blue" />
</div>

您似乎使用了SASS语法。

希望这有帮助！

Answer 3

试试这个..并检查this

null