html - Cannot turn off placeholder wrap in Firefox textarea -

html - Cannot turn off placeholder wrap in Firefox textarea -

the code disabling wrapping in textarea works in webkit, not in firefox.

demo (webkit): http://jsfiddle.net/cuk2072g/2/

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::-webkit-input-placeholder { color:green; white-space: nowrap; overflow: hidden; }

webkit works expect. firefox has issues...

demo (firefox): http://jsfiddle.net/g7csp/3/

html: same above

css:

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

i found solution here: it's 2nd highest reply how remove word wrap textarea?

css:

#textarea { color:red; height: 200px; width: 300px; text-align:left; word-wrap: normal; resize:none; } #textarea::-moz-placeholder { color:green; }

http://jsfiddle.net/g7csp/4/

html css firefox wrap