2

私には問題があり、何時間も私を困惑させてきました。私は次のhtmlを持っています:

<div id='numbers'><span>+44 (0)845 519 7811<br />+44 (0)118 947 4888</span></div>

次の CSS を適用しました。

#numbers span {
    color:#CCC;
}

継承を確認しましたが、問題はありません。このコードは、番号が表示されている iPad と iPhone の Safari 以外でテストしたすべてのブラウザで正常に表示されます (番号をクリックすると、電話をかけるかどうかを尋ねられます) が、テキストは白です! 私はプレイし、DIV ID を変更してスタイルを交差させていないことを確認し、スパンcolorをあらゆる種類に変更しましたが、これを変更するものはまったくありません。

他の誰かがこの問題を抱えていますか?

(私は Jquery で touchstart イベントを使用しており、<a>クリックするとこの DIV を表示および非表示にします。方法はわかりませんが、問題を引き起こしている可能性があるため、これについて言及しています。)

4

3 に答える 3

5

次のメタ タグを HTML の先頭に追加できますが、電話番号をクリックする機能が失われます。

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

代わりに試してください：

#numbers a {
    color:#CCC;
}
于 2012-02-14T12:55:35.663 に答える
4

電話データの検出を完全に無効にするのではなく、いつでも電話番号のリンクをターゲットにして、目的のスタイルを強制することができます.

a[href^="tel:"] { 
    color: #CCC !important; 
    etc... 
}

これにより、HTML にあらゆる種類の余分なマークアップを追加することなく、Monile Safari のデフォルトのスタイリングが上書きされます。

于 2014-05-07T16:25:01.867 に答える
4

この質問にはあなたの答えが含まれています。

問題は、iOS が電話番号のようなものを自動的にリンクに変換することです。次の方法でその機能を無効にできます。

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

次に、次のように明示的に「tel」URI スキームを使用します。

<a href="tel:+44 (0)845 519 7811">+44 (0)845 519 7811</a>
于 2012-02-14T12:56:14.577 に答える