A Pen by Richard Barratt.

index.html

<div class="wrap">
  
  <ul>
    <li><a href="tel:+44.121.123.4567">Telephone Link</a></li>
    <li><a href="sms:+44.121.123.4567">Text Link</a></li>
    <li><a href="mailto:test@example.com">Email Link</a></li>
  </ul>
</div>

Links-Styling

Links Styling
-------------
Snippets for css targetting of tel:, mailto:, sms:, ect

A [Pen](http://codepen.io/richerimage/pen/pvgBu) by [Richard Barratt](http://codepen.io/richerimage) on [CodePen](http://codepen.io/).

[License](http://codepen.io/richerimage/pen/pvgBu/license).

style.css

.wrap {background: #444; padding: 2em 1em;}


/* phone links */
a[href^="tel:"] {color: red;}

/* sms links */
a[href^="sms:"] {color: orange;}

/* email links */
a[href^="mailto:"] {color: yellow;}