您可以使用CSS中的：placeholder伪元素来设置占位符的颜色。placeholder伪元素用于选择元素（通常是input和textarea元素）的占位符文本。您可以通过设置：placeholder伪元素的颜色属性来更改占位符文本的颜色。

在CSS中，可以使用以下方法来设置占位符的颜色：

1.使用直接属性选择器（input[type=text]:placeholder）为输入类型为文本的元素选择占位符。``input[type=text]:placeholder{color:#cccccc;}````颜色属性的值可以根据需要设置为任何有效的颜色值，例如十六进制颜色代码、RGB颜色值或颜色名称。

2.使用直接类选择器（.placeholder-text:placeholder）选择类名为placeholder-text的元素的占位符。```.placeholder-text:placeholder{color:#999999;}```您可以根据需要将类名设置为特定的类名。

3、使用通用选择器（*:placeholder）选择所有元素的占位符。``*:placeholder{color:#666666;}```这样可以同时对所有元素的占位符应用相同的样式。

应该注意的是，placeholder伪元素的浏览器兼容性可能会有所不同。例如，在旧版本的InternetExplorer中，placeholder伪元素不会生效。为了解决这个问题，可以使用：-webkit-input-placeholder伪元素为基于Webkit的浏览器（例如Chrome和Safari）指定样式，并使用：-ms-input-placeholder伪元素指定IE浏览器的样式。然后使用：-moz-placeholder伪元素指定Firefox浏览器的样式。

```/*Webkit浏览器*/:-webkit-input-placeholder{color:#cccccc;}

/*MozillaFirefox*/:-moz-placeholder{color:#cccccc;不透明度：1;}

/*InternetExplorer10+*/:-ms-input-placeholder{color:#cccccc;}```

总而言之，通过使用CSS的：占位符伪元素和相应的选择器，您可以轻松更改占位符文本的颜色。

需要注意的是，不同的浏览器对伪元素的处理可能不同，所以在实际使用中，不同的浏览器可能需要不同的样式设置。