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

我一直在努力解决一个相当琐碎的问题，我想，我以前从未有过CSS方面的经验。如何更改此类内容的占位符文本颜色

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

---

另外，我想知道如果它嵌套在层次结构的更底层，如何实现同样的功能。是否可以跳过目标占位符和外部元素之间的元素？

若要将.square元素中的.circle元素作为目标，请编写：

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

---

要将.square元素中的.circle元素作为目标，您需要写入：

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

---

将语法更改为以下代码：

.square.circle:：-webkit输入占位符{
颜色：蓝色；
}

---

将语法更改为以下代码：

.square.circle:：-webkit输入占位符{
颜色：蓝色；
}

试试这个..然后检查

试试这个，检查一下

---

你不能用纯CSS来做这件事，但你可以用SCSS或其他什么来做。你不能用纯CSS来做这件事，但你可以用SCSS或其他什么来做。

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}