Добрый день.
Друзья, возник такой вопрос: как же сделать так, чтоб на сафари дизайн отображался так-же как и на других браузерах. В чем собственно проблема: на айфонах, айпадах, кнопки <input> отображаются закругленные и в градиенте, хотя на любом другом устройстве стоит все как положено, нет никакого градиента, да и border:0
Так с iphone выглядит
Добавлено 22.06.16 в 15:19:18:
А так, как и должно выглядеть
Добавлено 22.06.16 в 15:19:47:
.btn {
background-color: #ffcb31;
color: #fff;
padding: 10px;
border: none;
width: 100%;
font-size: 13pt;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
text-shadow: 0 1px 1px #111018;
cursor: pointer;
}
.btn {
border-radius:0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
-o-border-radius:0px;
-ms-border-radius:0px;
-icab-border-radius:0px;
-webkit-appearance:none;
}