iOS HTML5 CSS3 стиль нажатия кнопки

Question

Я пишу свое приложение на HTML5 / CSS3 / JavaScript.Для своей кнопки я создаю стиль (все отлично работает в браузере), но когда я запускаю свое приложение на iPad, мой активный эффект переопределяет стандартный эффект нажатия iOS.Как я могу переопределить этот стандартный эффект?

Мой стиль:

<style type="text/css">    
.button {
display: inline-block;
width: 150px;
height: 50px;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.button:ACTIVE {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015) );
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015' );
}

Моя кнопка:

<a href="#" class="button"></a>

Answer 1

Ответ на вашу проблему, я считаю, очень прост.

Добавьте следующий код CSS в тег кнопки или тела (чтобы повлиять на весь документ).

body { -webkit-appearance: none; }

Это удалит стили по умолчанию для кнопок, которые iOS помещает в определенные элементы пользовательского интерфейса.

Надеюсь, это поможет.

Answer 2

У меня была такая же проблема, используйте тег кнопки, и он, кажется, переопределить

<button class="button"><a href="#go">Link</a></button>