修改输入框placeholder文字默认颜色-webkit-input-placeholder

时间 2019-11-18

标签修改输入 placeholder 文字默认颜色 webkit input 繁體版

原文原文链接

针对placeholder来设置想要的颜色css

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

也能够给这个属性加字体web

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