React placeholderTextColor does not work on my TextField

Question

placeholderTextColor does not work on my TextField

I expected placeholderTextColor to change the color of the placeholder text, however the color of the placeholder text remains unchanged.

Possible duplicate of [Styling the placeholder in a TextField](https://stackoverflow.com/questions/47804380/styling-the-placeholder-in-a-textfield) — Gonzalo.-, Apr 04 '19 at 16:37
None of the solutions at that link worked for me. However it seems like the answer is - you can't really do it. — Sem, Apr 04 '19 at 17:24

score 1 · Answer 1 · answered Apr 04 '19 at 16:39

1

According to the documentation, there is no placeholderTextColor for the TextField component.

answered Apr 04 '19 at 16:39

Gaël S

Ali Faris · Accepted Answer · 2019-04-04T17:47:15.070

1

it will be better if you post the code here.

anyway TextField doesn't have property called placeholderTextColor , instead you can add class to your text field

<TextField
    className="some-class"
    placeholder="Enter a message, hit return..."
/>

and in your css file

.some-class input::placeholder {
  color: blue !important;
}

don't forget to import your css file

edited Apr 04 '19 at 17:47

answered Apr 04 '19 at 16:42

Ali Faris

2 Answers2