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         


        

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

Answer 3

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

Answer 4

textarea::placeholder {color: #fff;}