Фон
У меня есть ссылка HTML, кнопка, расположенная по центру страницы, которая неожиданно отображается на планшетных устройствах, в частности iPad.
На рабочем столе , ссылка отображается в виде черной закругленной кнопки, однако на планшете ссылка отображается как синяя закругленная кнопка.
Вопрос
Почему ссылка становится синим на планшете, когда нет кода, который ссылается на синий? Что необходимо исправить в приведенном ниже коде HTML и CSS, чтобы ссылки на рабочем столе и на планшете всегда были черными?
HTML
<div class="buttonContinue">
<a href="#">Continue</a>
</div>
CSS
div.buttonContinue a:link, div.buttonContinue a:visited, div.buttonContinue a:hover, div.buttonContinue a:active {
display: block !important;
margin: auto !important;
width: 200px !important;
padding: 20px !important;
border-style: solid !important;
border-color: #CCCCCC !important;
border-width: 1px !important;
border-radius: 100px !important;
text-decoration: none !important;
font-weight: bold !important;
color: #333333 !important;
}
div.buttonContinue a:hover {
background: #F2F2F2 !important;
}
Изображение
