Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Button CSS style not working on iOS

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" />
like image 778
user3589451 Avatar asked Nov 28 '22 07:11

user3589451


2 Answers

Please try this code

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

it will help

like image 20
subindas pm Avatar answered Dec 05 '22 08:12

subindas pm


.submit { -webkit-appearance: none; }

jsfiddle : demo

like image 139
Sandeep Sharma Avatar answered Dec 05 '22 07:12

Sandeep Sharma