Question

I’m developing a web application using jQuery Mobile 1.1.1 and I’m interested in using a <input type="date" /> with 100% width but there’s a gap (the space where it was supposed to have the arrow is cutted) when viewing the page on iOS4.

Does anyone have a solution for this issue?

Answer 1

A possible solution to resolve that is by adding the following CSS to overide the default browser CSS:

input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}