Textarea заполнитель не принимает свойства

Question

Моя проблема заключается в текстовое поле Заполнитель не принимает свойства 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>