更改文本区域的占位符文本颜色

Question

我知道有 这篇 关于更改占位符文本的帖子。我已经尝试在我的 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
/>

原文由 Tyler Zika 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 Roko C. Buljan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我不确定，但我认为现在没有必要使用前缀。

 textarea::placeholder {
  color: #fff;
}

原文由 José Jesús Ochoa Torres 发布，翻译遵循 CC BY-SA 3.0 许可协议