Search code examples
react-bootstrap-typeahead

How to change the color of the placeholder text using react-bootstrap-typeahead?


Using react-bootstrap-typeahead there is an option to provide placeholder text.

How can I change the color of this text? I can't find the relevant selector to target the placeholder text element on the demo page:

enter image description here


Solution

  • I found the answer at https://stackoverflow.com/a/31045763/906814 - it's completely unrelated to react-bootstrap-typeahead, which after all just creates a standard input with a placeholder:

    input[type="text"]::-webkit-input-placeholder {
      color: red;
    }