携帯端末のいくつかの設定...

1847 ワード

午後、問題が発生しました.モバイル側のinputは入力できません.その後、
-webkit-user-select :none ;
モバイル開発では、次のような特殊なリセットを的確に書くことがあります.
* {
-webkit - touch - callout: none;
//-webkit-touch-callout:none;

// Webkit 。
-webkit-text-size-adjust: none;

// a click
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//
// . .
-webkit-user-select: none;
}

ここで、-webkit-user-select:none;いくつかの問題が発生します.これはwebkitカーネルブラウザの次のバグです.具体的には、この記事を参照してください.https://bugs.webkit.org/show_bug.cgi?id=82692
 
ユーザーの選択をブロックすると、input、testareaなどの「コンテンツ編集可能」タブが正常に使用できなくなります.
Webサイトがユーザーのコンテンツ選択を阻止する必要がない場合は、次のスタイルを使用します.
  * {
-webkit-user-select: text;
-user-select: text;
}

別の方法:
*: not(input, textarea) {
-webkit - touch - callout: none;
-webkit - user - select: none;
}

user-select , can cause issues in elements with contenteditable="true",so better to add that too .
だから、それを加えたほうがいいです.
最終コード:
[contenteditable = "true"], input, textarea {
-webkit-user- select: auto!important;
-khtml-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
-o-user-select: auto!important;
user-select: auto!important;
}

本文の内容は大体このように多くて、交流を歓迎して、フィードバックを歓迎して、もし間違いがあれば、また訂正して、ありがとうございます.
添付参照リンク:http://stackoverflow.com/questions/12812587/phonegap-styles-webkit-user-select-none-disabling-text-field
文/Scaukk(簡書作者)
テキストリンク:http://www.jianshu.com/p/410866041619
著作権は作者の所有で、転載は作者に連絡して授権を得て、そして“簡書の作者”を表示してください.
転載先:https://www.cnblogs.com/aimy88/p/5632453.html