JSFiddle - React, Tailwind, and code Playground

HTML

<textarea class="form-control" id="textArea" placeholder="____________________________________________________________________________________________________________"></textarea>

CSS

#textArea {
    color:red;
	height: 200px;
	width: 300px;
	text-align:left;
  	white-space: nowrap;
    overflow: hidden;
    resize: none;
	}

#textArea::-moz-placeholder {
    color:green;
    white-space: nowrap;
    overflow: hidden;
    }