css修改输入框背景图标和清除placehol'de'r

学习记录

css样式

    input[type=search]{
        border:1px solid #ccc;   /* 输入框边框 */
        background:url("1.png") no-repeat left white ;   /*背景 */
        background-size: auto 100%;        /*适应输入框*/
        height: 30px;
        text-align: center;
        opacity: 0.7;
    } 
    input[type=search]:focus{    /* 输入框focus事件*/
        background:#eee ;
        opacity: 1;   
    }

HTML

 <label for="search">搜索：</label> 
    <input type="search" id="search" size="50px" placeholder="请输入" 
    onfocus="this.placeholder=''" onblur="this.placeholder='请输入' " >
    /* onfocus 和onblur*/

具体效果

---

用的谷歌，不太清楚其他浏览器能否正常使用，第一次写，还望包涵。