Verwendung: Telefonnummern werden im Microsoft Edge blau dargestellt

Andreas's Avatar

Andreas

19 Oct, 2017 08:54 AM

Produkt: Tao Contao
Contao-Version: 4.4.7

Im Browser "Microsoft Edge" werden alle Telefonnummern mit der farbe Blau angezeigt. Die Telefonnummer steht bei mir in einem Textfeld.
Kann man dies mit CSS lösen, ohne dass ich für die Telefonnummer eine Klasse vergeben muss?

  1. Support Staff 1 Posted by RockSolid Theme... on 19 Oct, 2017 12:04 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Wir konnten den Fehler in Microsoft Edge Version 16.16299 nicht reproduzieren.

    Welche Edge-Version setzen Sie ein?

    Senden Sie uns bitte einen Screenshot und einen Link der betroffenen Seite, damit wir Ihnen zielgerichteter weiterhelfen können.

  2. 2 Posted by Andreas on 19 Oct, 2017 01:08 PM

    Andreas's Avatar

    Dies ist der Link: [Link entfernt] (bitte diesen dann Entfernen, da dieser nur für Testzwecke dient)
    Im Text und in der Fußzeile ist die Telefonnummer unterstrichen und Blau. In den anderen Browsern ist das nicht der Fall.

  3. 3 Posted by Andreas on 19 Oct, 2017 01:10 PM

    Andreas's Avatar

    Und hier die Info zu Edge:

  4. Support Staff 4 Posted by RockSolid Theme... on 19 Oct, 2017 01:42 PM

    RockSolid Themes's Avatar

    Diese Darstellung hängt nicht direkt mit dem Theme zusammen. Die automatische Erkennung von Telefonnummern ist eine Funktion von Microsoft Edge.

    Sie können diese Erkennung deaktivieren in dem Sie in den Layouteinstellungen unter „Zusätzliche <head>-Tags“ folgenden Meta-Tag einfügen:

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

    Das kann aber auch dazu führen, dass die Telefonnummern auf einigen mobilen Endgeräten nicht mehr angeklickt werden können.

    Weitere Informationen zu diesem Thema finden hier:

  5. 5 Posted by Andreas on 19 Oct, 2017 02:20 PM

    Andreas's Avatar

    Danke für diese Information. Ich werde aber dies so lassen und zusätzlich bei den Telefonnummern <a href="tel:...."> dazugeben. Es kennt wirklich nur der Edge. Und mit dem tel: kann man auch via mobil dann anrufen.

  6. 6 Posted by Maren on 10 Feb, 2019 11:20 AM

    Maren's Avatar

    Ich habe gerade diesen Thread gefunden. Allerdings hat das oben genannte meta-Tag bei mir leider nicht funktioniert (Microsoft Edge Version 44.17763.10).
    Erst die Verwendung des Attributs x-ms-format-detection="none" brachte Erfolg. Man kann dieses Attribut im betroffenen Element verwenden oder so wie ich ein übergeordnetes Element dafür verwenden. Für Rocksolid-Themes bietet es sich an dafür das Template fe_page.html5 anzupassen . Ich habe dazu das div kit der Klasse "page" verändert.
    <div class="page" x-ms-format-detection="none">

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac