problemas com IE

[Hugo Borges_120734 6]

Galera montei um input com o mesmo style do android. Usei jQuery, css. Ele esta funcionando 100%, o problema e com o IE, ele não funciona. Alguém poderia me ajudar a tornar ele compatível.

 

Acho que seria muito útil para várias pessoas, e a vantagem que que ele e bem simples, e e leve.

 

Segue o código.

 

https://jsfiddle.net/hugoborges/gsvx3drw/

[Hugo Borges_120734 6]

1º bug resolvi com o z-index.

 

https://jsfiddle.net/hugoborges/gsvx3drw/1/

 

 

Bom o problema agora ta sendo a seguinte linha:

background: bottom linear-gradient(#484848, #484848) repeat-x;
        background-size: 100% 1px;

Isso não funciona no IE

[Hugo Borges_120734 6]

Bom a solução foi ter trocado por Border.

 

Porem o bug e outro, se o input for colocado sobra um fundo colorido, ele fica com um quadrado branco.

 

https://jsfiddle.net/hugoborges/gsvx3drw/2/