input placeholder默认内容样式修改

<input placeholder="请输入关键词搜索">
<style>
        input::-webkit-input-placeholder{
            color:#fff;
            background:red;
        }
        input::-moz-placeholder{
            color:#fff;
            background:red;
        }
        input:-moz-placeholder{
            color:#fff;
            background:red;
        }
        input:-ms-input-placeholder{
            color:#fff;
            background:red;
        }
    </style>
           

效果如下：

由此我们可以更改input标签的默认内容样式，甚至可以添加背景图，做出默认内容含图标的样式，如下：