2016-11-17 16 views
5

私は入力が<input class="form-control" readonly>です。携帯電話でreadonly属性を使用するにはどうすればよいですか?

デスクトップブラウザでは、予想通りの動作が得られます。入力はクリック/フォーカスできません。

しかし、携帯電話で(現在唯一のiOS/Safariでテストした)、私は、入力フィールドをタップしたとき、私は、次の動作を取得:あなたはいくつかのことが起こっている見ることができるように

enter image description here

を。入力フィールドにテキストカーソルが表示され、アプリケーションが拡大され、下のバーが表示されます。入力要素が携帯電話でこのようなフォーカスを受け取らないようにするにはどうすればよいですか?

編集:提案された複製は私の問題を解決しません。あなただけの特定のHTML要素との任意の相互作用を回避したい場合

+1

可能な複製間違って](無効にする)(http://stackoverflow.com/questions/25928605/in-ios8-safari-readonly-inputs-are-handled-incorrectly) – TryingToImprove

+3

無効タグを使用するほうがよいでしょう。読み込みは、入力のほとんどの相互作用を保持しますフィールドは生きている。 –

答えて

0

、以下試してください。

/* CSS */ 
.__readonly { 
    pointer-events: none; 
} 

とHTMLでの:

<!-- HTML --> 
<input class="form-control __readonly" readonly /> 
iOS8サファリでは、読み取り専用の入力が処理される[の
関連する問題