2017-12-13 7 views
5

私は正しいものを探していますが、私が出て送信していますHTML5の電子メールの中に、私は次の行を持っているかはわからない: -HTML5メール - iOS - 単語候補を無効にしますか?

<h3>IS THAT THE SOUND OF SLEIGH BELLS?</h3> 

そして、私のiPhone 7スレイ・ベルズにはクリック可能なリンクであります下のような提案が表示されます。私はspanタグとH3をラップしようとしている

は、私は以下のCSSを追加しました: -

[x-apple-data-detectors] { 
    color: inherit !important; 
    text-decoration: none !important; 
    font-size: inherit !important; 
    font-family: inherit !important; 
    font-weight: inherit !important; 
    line-height: inherit !important; 
} 

テキストは、リンクのように見えないようにするが、それはまだクリッカブルはどれだけのスタイル。

は、私はまた、次の行を追加しようとしている: -

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/> 

しかし、これまでのところ、私はこの言葉/フレーズがクリックできないようにする方法を見つけるために管理していないてきたが、誰もが任意のアイデアを持っていますか?上記の私のコメントを1として

enter image description here

+0

この特定のタッチ動作を無効にすることができないのかどうかわかりませんが、おそらく 'pointer-events:none'をCSSに追加してみてください。 – delinear

+0

それはトリックをしました@delinear - ありがとう! – nsilva

+0

よく知っておいてください:) – delinear

答えて

4

(私はこれをテストしていませんが、それはOPで働いて確認された)、要素に次のCSSスタイルを追加すると、iOSデバイス上のリンクのタップ動作を無効に努めています。

pointer-events: none;

これは質問で述べたのiOS固有のCSSルールを経由して追加する必要があることが可能です:

[x-apple-data-detectors]

+1

これはトリックでしたが、あなたは '[x-apple-data-detectors]'と同様にこのリンクを削除するために私のオリジナルの質問にiOS固有のCSSルールを追加しなければならないと思いますが、 CSSスニペット – nsilva

+1

@nsilvaの受け入れと追加情報をありがとう、私はそれを強調表示するために答えに追加しました:) – delinear

1

私はこの答えはすでに解決したけど、私が提供したかったですデータ検出器、Gmail、Windows 10 Mailに問題がある他の電子メールクライアントの修正。

Gmailでは、この電話番号には青い下線が付いており、Apple Dataディテクタの修正があっても青色に変わります。さらに、Windows 10のメールは月曜日単語の下に黒の点線を配置します

800-422-4234 Monday through Friday, 8 a.m. to 9 p.m. Eastern Time. 

が、私は月曜日800番号へと言葉に &zwnj;、非印刷文字を追加しました。 Mon Windows 10 Mailは、月曜日の略語として Monを認識しており、それには Monの下線が付いているため、 Moの後ろに &zwnj;を配置しました。

800-422-42&zwnj;34 Mo&zwnj;nday through Friday, 8 a.m. to 9 p.m. Eastern Time. 

これは、Gmailの持つデータ検出を修正し、Windows 10 MailでMonday問題を修正しますが、それは言葉Fridayを強調。だから私は同じ修正をした:

800-422-42&zwnj;34 Mo&zwnj;nday through Fr&zwnj;iday, 8 a.m. to 9 p.m. Eastern Time. 

これは私がテストしたすべての主要な電子メールクライアントでのデータ検出の問題を修正します。これは私がアップルデータ検出を使用しています方法です:

<style> 
    [x-apple-data-detectors] { 
    color: inherit !important; 
    text-decoration: none !important; 
    font-size: inherit !important; 
    font-family: inherit !important; 
    font-weight: inherit !important; 
    line-height: inherit !important; 
} 
</style> 

私は、これは電話番号や日付をデータ検出の問題に直面して他の人に役立ちます願っています。

幸運。

関連する問題