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

Question

CSS

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

HTML

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

CSS 代码为文本框中输入的数据设置了 1.5em 大小。但是这段代码也会改变占位符文本的大小。如何防止 CSS 更改占位符文本的大小？ 我希望 CSS 仅更改网站访问者输入的原始数据的大小。

Answer 1

用::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