修改输入框placeholder文字默认颜色-webkit-input-placeholder - 惟愿一生_H5之家

HTML5技术

修改输入框placeholder文字默认颜色-webkit-input-placeholder - 惟愿一生

字号+ 作者：H5之家来源：H5之家 2017-01-20 13:00 我要评论( )

针对placeholder来设置想要的颜色 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } input :-ms-input-placeholder { color: #000; opacity: 1;

针对placeholder来设置想要的颜色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000;opacity:1; } input:-ms-input-placeholder{ color: #000;opacity:1; } input::-webkit-input-placeholder{ color: #000;opacity:1; }

也可以给这个属性加字体

input::-webkit-input-placeholder { /* WebKit browsers*/ 　　color:#999;font-size:14px; 　　} input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/ 　　color:#999;font-size:14px; 　　} input::-moz-placeholder { /* Mozilla Firefox 19+*/ 　　color:#999;font-size:14px; 　　} input:-ms-input-placeholder { /* Internet Explorer 10+*/ 　　color:#999;font-size:14px; }