佔位符字體不變

Question

我試圖改變我的佔位符字體以匹配其餘的輸入字段，但它似乎並沒有工作，但當我通過手機查看我的網站時，字體都一樣。

有問題的佔位符可以在這裏看到。不變的字體是信息字段，它是textarea。我不確定是否這是造成這種情況的原因，如果是這樣，如何解決這個問題。

http://sundayfundayleague.com/contact

我有這樣的代碼來代替：

textarea { 
font-family: Helvectica; 
font-size: 18px; 
} 
::-webkit-input-placeholder { 
    font-style: Helvetica; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    font-style: Helvetica; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    font-style: Helvetica; 
} 

:-ms-input-placeholder { 
    font-style: Helvetica; 
} 
.inputbarmessage { 
display: block; 
width: 400px; 
margin: 10px auto; 
font-size: 18px; 
padding: 10px; 
-webkit-transition: all 0.40s ease-in-out; 
-moz-transition: all 0.40s ease-in-out; 
-ms-transition: all 0.40s ease-in-out; 
-o-transition: all 0.40s ease-in-out; 
outline: none; 
border: 1px solid #DDDDDD; 
} 

HTML

<form action="" method="post" id="mycontactform" > 
    <input type="text" class="inputbar" name="name" placeholder="Full Name" required> 
    <input type="email" class="inputbaremail" name="email" placeholder="Email" required> 
    <textarea rows="4" cols="50" name="message" class="inputbarmessage" placeholder="Message" required></textarea> 
    <label for="contactButton"> 
     <input type="button" class="contactButton" value="Send Message" id="submit"> 
    </label> 
</form> 

有誰看到我做錯了嗎？

Answer 1

你想用font-family，不font-style財產，像這樣：

::-webkit-input-placeholder { 
    font-family: Helvetica; 
} 
:-moz-placeholder { 
    font-family: Helvetica; 
} 
::-moz-placeholder { 
    font-family: Helvetica; 
} 
:-ms-input-placeholder { 
    font-family: Helvetica; 
}