使用css内修改input框placeholder样式
需求将input框内placeholder属性文字设置颜色及字体大小
修改前:修改后:
代码
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909;
font-size: 14px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 ~ 18 */
color: #909;
opacity: 1;
font-size: 14px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909;
opacity: 1;
font-size: 14px;
}
input:-ms-input-placeholder { /* Internet Explorer 10 ~ 11 */
color: #909;
font-size: 14px;
}
input::-ms-input-placeholder { /* Microsoft Edge */
color: #909;
font-size: 14px;
}
input::placeholder { /* 大部分现代浏览器 */
color: #909;
font-size: 14px;
}
常见问题: