H5 input框添加小图标

参考
一般的做法是直接在input框使用background: url(‘图片路径’)，但是我自己折腾了一翻发现这个不是那么靠谱，后来看到这句话：

Advice: stop using and supporting IE 8

发现用相对位置可以完成需求，比如说这个：

#input_container {
    position:relative;
    padding:0 0 0 20px;
    margin:0 20px;
    background:#ddd;
    direction: rtl;
    width: 200px;
}
#input {
    height:20px;
    margin:0;
    padding-right: 30px;
    width: 100%;
}
#input_img {
    position:absolute;
    bottom:2px;
    right:5px;
    width:24px;
    height:24px;
}

<div id="input_container