Button CSS style not working on iOS

Question

I've created a simple form. However, the button style does not work on iOS (neither in Chrome, nor Safari). Any ideas?

.submit{
    width:100%;
    background:#17AADF;
    color:#fff;
    font-size:12px;
    border:none;
    border-radius:3px;
    padding:16px;
    margin-top:40px;
    cursor:pointer;
}
.submit:hover{
    background:#000;
}

<input type="submit" class="submit" value="Submit" />

Solution 1

.submit { -webkit-appearance: none; }

jsfiddle : demo

Solution 2

Please try this code

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

it will help