html - 防止CSS更改文本框占位符的大小

的CSS

input[type=text] {font-size:1.5em;}

的HTML

<input type="text" placeholder="some text">

CSS代码的数据大小为1.5em，该大小在文本框中输入。但是此代码还会更改占位符文本的大小。如何防止CSS更改占位符文本的大小？
我希望CSS仅更改网站访问者输入的原始数据的大小。

最佳答案

用::placeholder pseudo重置值

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size:    0.5em;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size:    0.5em;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:    0.5em;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size:    0.5em;
}
::-ms-input-placeholder { /* Microsoft Edge */
   font-size:    0.5em;
}

<input type="text" placeholder="some text">

学分：Change an HTML5 input's placeholder color with CSS

关于html - 防止CSS更改文本框占位符的大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46158467/