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

camsedfj 于 2022-11-19 发布在其他

关注(0)|答案(4)|浏览(224)

我知道有关于改变占位符文本的this帖子。

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

css

来源：https://stackoverflow.com/questions/43793639/change-placeholder-text-color-of-textarea

4条答案

按热度按时间

fafcakar1#

对于现代浏览器，仅使用::placeholder伪元素：

textarea::placeholder {
  color: #0bf;
}

传统和现代浏览器：
第一次
和你的代码相关的，用引号括起来：

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

赞(0）回复(0）举报 2022-11-19

f87krz0w2#

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

textarea::placeholder {
  color: #fff;  
}

赞(0）回复(0）举报 2022-11-19

vwkv1x7d3#

::-webkit-input-placeholder {
       color: orange;
    }
    :-moz-placeholder { /* Upto Firefox 18, Deprecated in Firefox 19  */
       color: orange;  
    }
    ::-moz-placeholder {  /* Firefox 19+ */
       color: orange;  
    }
    :-ms-input-placeholder {  
       color: orange;  
    }

赞(0）回复(0）举报 2022-11-19

1bqhqjot4#

文本区域：：占位符{颜色：#fff;}

赞(0）回复(0）举报 2022-11-19