изменить текст заполнителя текста textarea

Я знаю, что это сообщение об изменении текста заполнителя. Я пробовал реализовать в своих тегах textarea

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;  
}

но это ничего не делает. Что мне не хватает?

Это то, что выглядит как одно из моих textarea

<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
/>

Ответ 1

Завернуть в кавычки:

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

в противном случае все должно работать нормально:

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>

Ответ 2

Я не уверен, но я думаю, что не нужно использовать префиксы прямо сейчас.

textarea::placeholder {
  color: #fff;  
}

Ответ 3

textarea :: placeholder {color: #fff;}