html,css 如何设置input的placeholder样式,在做前端开发时,如果想写对input设置字体,文字大小,颜色等,我们该如何设置呢?
通过如下设置兼容主流浏览器:
-webkit-input-placeholder /* WebKit browsers */
input::-moz-placeholder /* Mozilla Firefox 19+ */
input::-ms-input-placeholder /* Internet Explorer 10+ */
以下是个简单的例子,对input设置字体颜色和字体大小,如果需要其他的样式,加入即可。
.rj_zyyform input::-webkit-input-placeholder { /* WebKit browsers */
color: #7f7f7f;
font-size: 0.96rem;
}
.rj_zyyform input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #7f7f7f;
font-size: 0.96rem;
}
.rj_zyyform input::-ms-input-placeholder { /* Internet Explorer 10+ */
color: #7f7f7f;
font-size: 0.96rem;
}
关于简忆
简忆诞生的故事



粤ICP备16092285号
文章评论(0)