Search code examples
ioscordovaios9font-awesomeios9.1

Glyphicons are different colour on iOS compared to Android

For example:

<a target="_blank" href="#Home" class="needsclick btn-header-xs btn-header-md btn-header-lg">
   <span class="fa fa-home header-glyph"></span>
</a>

The 'btn-header-*' only applies padding. 

.header-glyph, header-glyph:active, header-glyph:focus, header-glyph:hover,
header-glyph:visited {
    color: #428bca !important;
    font-size: 25px !important
}

Android this is blue (#428bca), yet on iOS this is an orange colour.

Can't see anything behind the scenes that would make it inherit this colour.

Looking for a platform specific issue that can be hopefully overridden?? I am developing on iOS 9.0.2 also.

Solution

  • I was asked to update my iOS from 9.0.2 to 9.1.0. This styling issue cannot be replicated any longer. Looked at the release notes out of curiosity, but nothing that specific.