Question

怎么修改placeholder字体的css样式

Answer 1

通过修改input的placeholder事件就可以，为了兼容浏览器需要些下面四种

input::-webkit-input-placeholder {
     /* placeholder颜色  */
    color: #F00;
    /* placeholder字体大小  */
    font-size: 14px;
    /* placeholder位置  */
    text-align: right;
    }
input::-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
    /* placeholder颜色  */
    color: #F00;
    /* placeholder字体大小  */
    font-size: 14px;
    /* placeholder位置  */
    text-align: right;
    }
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
    /* placeholder颜色  */
    color: #F00;
    /* placeholder字体大小  */
    font-size: 14px;
    /* placeholder位置  */
    text-align: right;
    }
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
    /* placeholder颜色  */
    color: #F00;
    /* placeholder字体大小  */
    font-size: 14px;
    /* placeholder位置  */
    text-align: right;
    }