html - Textarea 占位符不带属性

Question

我的问题是 textarea 占位符没有采用 css 属性

我有 HTML:

<textarea id="information" class="career-form-textbox" name="message" placeholder="Add a cover letter or anything else you want to
share.">
</textarea>

我有 CSS:

input,
textarea::-webkit-input-placeholder {
  color: #848484;
  font-size: 18px;
  font-weight: 400;
  opacity: 0.2;
  font-family: Open Sans;
}

input,
textarea:-moz-placeholder,
color #848484 {
  font-size: 18px;
  font-weight: 400;
  opacity: 0.2;
  font-family: Open Sans;
}

input,
textarea::-moz-placeholder,
color #848484 {
  font-size: 18px;
  font-weight: 400;
  opacity: 0.2;
  font-family: Open Sans;
}

input,
textarea:-ms-input-placeholder,
color #848484 {
  font-size: 18px;
  font-weight: 400;
  opacity: 0.2;
  font-family: Open Sans;
}

但它不起作用，提前致谢，抱歉格式错误浏览器:Chrome

Answer 1

您发布的 CSS 代码中似乎存在一些语义错误。试试这个:

input,
textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #848484;
}
input,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #848484;
   opacity:  1;
}
input,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #848484;
   opacity:  1;
}
input,
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #848484;
}

<textarea id="information" class="career-form-textbox" name="message"
placeholder="Add a cover letter or anything else you want to
share."></textarea>