Changing the blue color of phone number on mobile version-CodePudding

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 >
    <div >
        <div >
            <div >
                <div >
                    <ul>
                        <li><i ></i> Chicago/li>
                        <li><i ></i> [email protected]</li>
                        <li><i ></i> (434) 434-45343</li>
                    </ul>
                </div>
            </div><!-- .col end -->

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

<li><i , 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.

CodePudding user response：

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

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

CodePudding user response：

Add this to head tag:

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