搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

textarea preholder bug

  • 4 回覆
  • 1 有這個問題
  • 6 次檢視
  • 最近回覆由 cor-el

more options

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0 - Quantum 57.0.2 MS Windows 10 64-bit

Opera, Chrome, Edge browsers display correctly. Screenshot is here http://prntscr.com/hq0gnl

There is a bug in preholder format. Site www.cherlock.ru. Screenshot is here http://i.prntscr.com/t7wx5u-nQzmZf7U1SxBWeA.png

HTML code: <textarea id="question-textarea-promo" class="form-control" rows="8" style='resize: none' placeholder="Bla-bla-bla space

bla-bla-bla?"></textarea>

===================================

I try many way to fix this trouble:


1. CSS: textarea#question-textarea-promo::placeholder {

  white-space:pre-line;
 /*  color:red;*/
  }                                   - The color:red works, white-space - don't

2. CSS: textarea#question-textarea-promo::-moz-placeholder {

  white-space:pre-line;
  }                                              - don`t work

3. <textarea style ="white-space:pre-line"> - don`t work, of course

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0 - Quantum 57.0.2 MS Windows 10 64-bit Opera, Chrome, Edge browsers display correctly. Screenshot is here http://prntscr.com/hq0gnl There is a bug in preholder format. Site www.cherlock.ru. Screenshot is here http://i.prntscr.com/t7wx5u-nQzmZf7U1SxBWeA.png HTML code: <textarea id="question-textarea-promo" class="form-control" rows="8" style='resize: none' placeholder="Bla-bla-bla space bla-bla-bla?"></textarea> =============================================== I try many way to fix this trouble: 1. CSS: textarea#question-textarea-promo::placeholder { white-space:pre-line; /* color:red;*/ } - The color:red works, white-space - don't 2. CSS: textarea#question-textarea-promo::-moz-placeholder { white-space:pre-line; } - don`t work 3. <textarea style ="white-space:pre-line"> - don`t work, of course

所有回覆 (4)

more options

W3C.org (World Wide Web Consortium) make the rules for web code including the standards and practices and future development of Web Pages and Web Browsers. Please run your code through these as Firefox looks at code a little stricter Other browsers should not be displaying errors. HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/ and https://validator.w3.org/i18n-checker/ and http://mobile.css-validator.org/

HTML 3 Warnings and easy to fix

CSS 102 Errors, Not so easy to fix.

Please let us know if this solved your issue or if need further assistance.

more options
more options

If you have a bug, file a bug report. https://bugzilla.mozilla.org/ Bug Writing Guidelines : https://developer.mozilla.org/en-US/docs/Mozilla/QA/Bug_writing_guidelines


Please let us know if this solved your issue or if need further assistance.

more options

See:

  • bug 1312897 - textarea removes newlines from placeholder but shouldn't

Please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html You can vote for a bug to show your interest
https://bugzilla.mozilla.org/page.cgi?id=voting.html