阻止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

重置值

＆＃13;

＆＃13;

::-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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

致谢：Change an HTML5 input's placeholder color with CSS