怎么给input插入一个图片

html部分

 <input type="text">

css部分

input{
    border-radius: 5px;  /*设置圆角半径*/
    padding-left: 30px;              /*设置内边距防止遮盖住图片*/
    height: 36px;             /*input高度*/
    width: 240px;                  /*input宽度*/
    background-image: url("imgs/search.png") ;/*设置图片的地址*/
    background-size:25px 25px;    /*这里是图片的大小*/
    background-repeat:no-repeat ;  /*让图片不重复*/
    background-position: 3px 3px; /*图片在input中的位置  离左边的距离和离右边的距离*/
}