css如何修改input占位符placeholder的样式？并且要兼容不同浏览器：

<style type="text/css">
input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
    color: #ddd;
}
input::-moz-placeholder { /* Firefox 19+ */  
    color: #ddd;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #ddd;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #ddd;
}
</style>
<input type="text" placeholder="请输入内容">