Link Border Changing Color On Ios

I have a div nested within an anchor, to make the entire div clickable. This works fine on a desktop and also on an iPhone, the issue is when I click on it. It must be something to

Solution 1:

Faced the same issue in my iPad (Opera Mini, Safari, Firefox). For some reason my style has been replaced with some own style in links.

I've added "!important" to my styles to prevent this. It helps.

.some-blocka {
    border: none !important;
}

a.orange-button {
    border: 2px solid #FF6449!important;
}

Solution 2:

Add background-clip: padding-box; to the problem element inside the a tag.

Solution 3:

Do you have any CSS rules for hover applying? ios can apply the hover on first touch.

Solution 4:

Add

outline: 0;

to the class .EnquiryLink

I always use this as default css on anchors to remove the outline on anchor tags:

a, a:active, a:focus, a:hover{
outline: 0;
}