'Changing the blue color of phone number on mobile version

On the mobile version of my website (IOS) the phonenumber is shown in blue which I want to remove the Blue or change it for an other color.

I would prefer to do it with: inline Styling

this is my code

<section class="xs-header-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8">
                <div class="header-top-info">
                    <ul>
                        <li><i class="icon icon-map-marker2"></i> Chicago/li>
                        <li><i class="icon icon-envelope"></i> [email protected]</li>
                        <li><i class="icon icon-phone3"></i> (434) 434-45343</li>
                    </ul>
                </div>
            </div><!-- .col end -->

I tried to do add this style="color:yellow"

<li><i class="icon icon-phone3", style="color:yellow"></i> (434) 434-45343</li>

But It change the ICON color, which is not what I want. I want to change the phone number color to white.

htmlcssios


Solution 1:[1]

Try adding the phone number to its own css element (i.e. span)

<li><i class="icon icon-phone3"></i><span style="color:yellow">(434) 434-45343</span></li>

Solution 2:[2]

Add this to head tag:

<meta name="format-detection" content="telephone=no">

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Kyle McReynolds
Solution 2 nuclearland

Related Questions