HTML5のplaceholder属性で、表示される文字色を変更する


/* input:placeholder color-setting */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d3d3d3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #d3d3d3;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #d3d3d3;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #d3d3d3;
}