Html textfield和textarea的占位符字体样式不同

Html textfield和textarea的占位符字体样式不同,html,css,Html,Css,我有一个带有textfield和textarea的表单,它们都有一个占位符。但是占位符的字体样式与textfield和textarea不同。请告诉我如何保持相同的字体风格 <form> <input type="text" placeholder="just for testing the style"> <textarea placeholder="just for testing the style"></textarea>

我有一个带有textfield和textarea的表单,它们都有一个占位符。但是占位符的字体样式与textfield和textarea不同。请告诉我如何保持相同的字体风格

<form> 
    <input type="text" placeholder="just for testing the style">
    <textarea placeholder="just for testing the style"></textarea>
</form>

您需要提及文本区域的字体系列,如

css

textarea{font-family:arial;}

您需要在CSS中将它们设置为相同的字体系列:

textarea,
input[type=text] {
    font-family:Arial;
}

为什么不同您可以从css样式表中检查代码占位符根据浏览器的默认css设置有一些默认样式,因此您必须定义自己的样式,如果您想更改它,请参见@stealthyninja:thanls