How do I change the colour of the placeholder text in the instantsearch.js searchbox?

This is what I tried, but it will not work. It remains that default blue colour you’re probably aware of.

input[placeholder="Type in a chapter or word"] {
  caret-color: white;

I was able to change the typing text, the reset “x” button and various other components of the searchbox but this one is proving more tricky.
Screenshot 2022-07-20 at 18.00.18

To modify the placeholder text, you’ll want to use the ::placeholder selector. For example:

.ais-SearchBox-input::placeholder {
  color: red;

Thank you, I’m glad that worked.