iPad Kontakt Link CSS Override

8

Ich habe eine Webseite mit einer Telefonnummer, die in der Kopfzeile der Seite angezeigt wird. Die Schriftfarbe für diesen Abschnitt der Seite ist braun.

Wenn die Seite auf einem iPad angezeigt wird, erkennt das iPad (korrekt) den Text als Telefonnummer und wandelt den Telefonnummerntyp automatisch in einen "Kontaktlink" um.

Mein Problem ist, dass ich nicht in der Lage bin, die Linkfarbe braun zu machen - unabhängig davon, was ich in der CSS-Datei mache (einschließlich "! wichtig" nach der Farbanweisung), wird die Telefonnummer immer in ihrer eigenen angezeigt selbsternannte Farbe!

Irgendwelche Hinweise, wie ich meine CSS-Erklärung dazu bringen kann, den Krieg zu gewinnen?

    
Steve 07.07.2011, 19:13
quelle

5 Antworten

7

Es scheint, als würde ipad die Nummer in ein & lt; a & gt; Ich habe gerade eine zusätzliche Regel dafür hinzugefügt:

Vorher: .phone { color:red; }

Nach: .phone, .phone a { color:red; }

    
Cory Mawhorter 15.09.2011 15:03
quelle
6

Sehen Sie sich diese Seite an (Format -Erkennung);)

    
MatTheCat 07.07.2011 22:50
quelle
5

Versuchen Sie es, es hat für mich funktioniert (ändern Sie den Farbcode):

%Vor%     
Kjell T. Nesgaard 26.01.2012 14:57
quelle
2
%Vor%

Funktioniert für mich. Überprüfen Sie dies für weitere Details.

Ссылка

    
quelle
1
%Vor%

Ich habe einen Kunden, der eine verrückte Person ist. Er will seine Telefonnummer überall auf der Website, und nur an einer Stelle kollidiert es mit dem iPhone / iPad-Auto-Linking-Parser.

Also, das Hinzufügen des i-Tags um das Armaturenbrett täuschte iOS dazu, es nicht als Telefon zu sehen

    
Drew 15.05.2014 00:39
quelle

Tags und Links