如何更改占位符的字体大小但不能通过CSS更改<input />中的值的字体大小？

Question

如何更改占位符的字体大小，但不能通过CSS更改<input>中值的字体大小？

当我专注于<input>时，占位符的字体大小已经是12px，然后我输入的值将是16px。就像这样。

当我专注于<input>

时

编辑时

Answer 1

检查这个答案：

::-webkit-input-placeholder { font-size: 16px; }
::-moz-placeholder { font-size: 16px; } /* firefox 19+ */
:-ms-input-placeholder { font-size: 16px; } /* ie */
input:-moz-placeholder { font-size: 16px; }

input 
{
font-size:8px;
height:30px;
width:50%;
text-indent:10px;
}

<input type="text" name="name"  placeholder="Enter the name" />

Answer 2

你可以尝试，

.your-class::-webkit-input-placeholder, .your-class::-moz-placeholder, .your-class:-ms-input-placeholder, .your-class:-moz-placeholder{
   font-size: 16px;
 }

所有占位符都是

或'*'。

Answer 3

来自here

::-webkit-input-placeholder { font-size: 16px; }
::-moz-placeholder { font-size: 16px; } /* firefox 19+ */
:-ms-input-placeholder { font-size: 16px; } /* ie */
input:-moz-placeholder { font-size: 16px; }