At the top of my homepage, I have displayed the company phone number with white text color. It appears correctly as white on my desktop browsers (Firefox and Chrome), also on my Droid phone, but shows up as dark gray on my iOS phone using Safari. Why is there a difference in the text color display on Safari? What could be causing Safari to show a different color for the phone number text compared to what is shown on my desktop browsers and Droid phone? Below is the HTML code I used:
<div class="col-md-9">
<ul class="some-info font-montserrat">
<li><i class="fa fa-phone"></i> +1 888-555-5555</li>
</ul>
</div>
This is the CSS I applied:
.top-bar .some-info li {
display:inline-block;
color:#fff;
line-height:48px;
font-weight:normal;
font-size:12px;
margin-left:50px;
text-align:right;
}
.top-bar .some-info li i {
margin-right:5px;
color:#596269;
font-size:16px;
}