Microsoft Edge ignores text-decoration:none; for my telephone number


Microsoft Edge ignores text-decoration:none; for my telephone number



I just have my number on my website with an image above it acting as a link so mobile users just click it and call me. I was checking my site through a few browsers and Microsoft Edge underlines the phone number and changes the color to blue to show that it is a hyperlink. It continues to do so even after declaring the text-decoration to none.



For the sake of not broadcasting my phone number on a site that gets a lot of traffic, I do not want to provide the link to my website. I can however show the piece of code with a fake number:





Phone

Phone

555.555.5555




I appreciate any and all feedback as I am relatively new and self taught, so please excuse any code that may seem to be set up oddly.




2 Answers
2



Ran into the same problem. It's not supported in Edge according to caniuse.com.



https://caniuse.com/#search=text-decoration





Actually, it is supported, read the foot notes. In fact, I also just tested it myself on Edge 17.
– Brandito
2 days ago



You can enable/disable phone number detection in IE all together using the following meta tag



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


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



or you can disable it for individual elements by using the following attribute



x-ms-format-detection="none"


x-ms-format-detection="none"



As for removing the style like you asked in your question, you sorta can't override it with text-decoration. Although what you can do is style the link after removing the faux underline placed there by the browser.






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Comments

Post a Comment

Popular posts from this blog

paramiko-expect timeout is happening after executing the command

paramiko-expect timeout is happening after executing the command Can someone help me why timeout is happening after executing the command .I am trying to SSH to a machine and execute a command.I want to store the result of the executed command . I have referred paramiko-timeout but i didn't get my expected result. import traceback try: import paramiko except ImportError: raise Exception("Please install paramiko , pip install paramiko") import pexpect from paramiko_expect import SSHClientInteraction def main(): HOSTNAME = "minion5.net" USERNAME = "root" PASSWORD = "help@432" PROMPT = "root@*:~$s+" try: client = paramiko.SSHClient() client.load_system_host_keys() client.set_missing_host_key_policy(paramiko.AutoAddPolicy()) client.connect(hostname=HOSTNAME, username=USERNAME, password=PASSWORD) with SSHClientInteraction(client, timeout=20, display=True) as interact: ...
Read more

Possible Unhandled Promise Rejection (id: 0): ReferenceError: user is not defined ReferenceError: user is not defined

Possible Unhandled Promise Rejection (id: 0): ReferenceError: user is not defined ReferenceError: user is not defined I have stored data user with AsyncStorage when i want to get it, it renders null in alert and the above error in the console,i don't know why. I can not see why it returns null with user but token all is well profile.js : import React, {Component} from 'react'; import { StyleSheet, Text, View, Image, TouchableOpacity,AsyncStorage} from 'react-native'; import { Container, Content, Header,Right, Left, Body} from 'native- base'; import Feather from 'react-native-vector-icons/Feather'; export default class Profile extends Component { constructor (props){ super(props); this.state = { user: null } } componentDidMount(){ this.fetchData(); } fetchData = async() =>{ let username = await AsyncStorage.getItem('user') this.setState({ user: username }) ...
Read more

Opening a url is failing in Swift

Opening a url is failing in Swift breakpointing inside the callback and logging success shows false. I added itms-apps to my plist: LSApplicationQueriesSchemes and put this in my app delegate: func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool { return true } func moreTapped() { let url = NSURL(string: "itms-apps://itunes.com/developer/quantum-productions/id979315877") if #available(iOS 10.0, *) { UIApplication.shared.open(url! as URL, options: [:], completionHandler: {(success: Bool) in }) } else { UIApplication.shared.openURL(url! as URL) } } Are you testing on a real device? – rmaddy Jun 21 at 23:57 I try on a device, get "Cannot Connect to App Store". Device is online ...
Read more