CODEWITHSUNDEEP
jquerymobilejquery-mobile
Overcranked
Overcranked

Reputation: 175

Remove Button from tel link

http://w5webdesigns.com/bwick/

I want the phone number to display as a clickable link that will activate the system phone, that works so far but I need to remove the button so all you see is the phone number. How does that work?

 <a href="tel:1518279392">518.279.392</a>

Upvotes: 0

Views: 299

Answers (2)

Jack
Jack

Reputation: 11003

Add the data-role="none" to your tag

 <a data-role="none" href="tel:1518279392">518.279.392</a>

In general when using an anchor tag unless you specify a data-role="button" jQuery Mobile will leave it alone. However it seems that when you place it in your header or footer jQuery Mobile will enhance it regardless. Explicitly adding the data-role="none" attribute will stop jQuery Mobile from enhancing it. Another trick you can do to prevent jQuery Mobile from enhancing markup in your header/footer is to wrap it in a div.

 <div><a  href="tel:1518279392">518.279.392</a></div>

Upvotes: 1

Scrimothy
Scrimothy

Reputation: 2536

jQuery mobile applies their brand of mobile friendly ui styling. You can either inspect the element with Firebug or Chrome Dev Tools to pinpoint which styles you don't want and then specifically write your own CSS that will override those styles. Or you can try the method from this answer.

Upvotes: 1

Related Questions