change placeholder text color of textarea

Question

I know there is this post on changing the placeholder text. I've tried implementing in on my textarea tags

textarea::-webkit-input-placeholder { color: #fff; }  textarea:-moz-placeholder { /* Firefox 18- */ color: #fff;   }  textarea::-moz-placeholder {  /* Firefox 19+ */ color: #fff;   }  textarea:-ms-input-placeholder { color: #fff;   } 

but it's not doing anything. What am I missing?

This is what one of my textarea's looks like

<textarea   onChange={(e) => this.props.handleUpdateQuestion(e, firstQuestion.Id)}   placeholder="Overall Satisfaction Question"   name="SEO__Question__c"   type="text"   className="slds-input"   value={firstQuestion.SEO__Question__c ? firstQuestion.SEO__Question__c : ''}   style={inputStyle}   autoFocus /> 

Answer 1

Wrap in quotes:

onchange="{(e) => this.props.handleUpdateQuestion(e, firstQuestion.Id)}" 

otherwise, it should work just fine:

textarea::-webkit-input-placeholder {    color: #0bf;  }    textarea:-moz-placeholder { /* Firefox 18- */    color: #0bf;    }    textarea::-moz-placeholder {  /* Firefox 19+ */    color: #0bf;    }    textarea:-ms-input-placeholder {    color: #0bf;    }    textarea::placeholder {    color: #0bf;    }

<textarea placeholder="test"></textarea>

Answer 2

I am not sure but I think is not necessary to use the prefixes right now.

textarea::placeholder {   color: #fff;   }