36

私はPhonegapにかなり慣れていません。クリーンな Phonegap プロジェクトで使用されるデフォルトの css がテキスト フィールドへの入力を許可しないという問題があります。CSS の 1 行に絞り込みました。

* {
            -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
            -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
            -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
            -webkit-user-select: none;                 /* prevent copy paste, to allow, change 'none' to 'text' */

    }

問題の行は次のとおりです。

-webkit-user-select: none;

これは www/index.css にあります。

入力フィールドを完全に無効にすることは、望ましい効果ではないようです。

以前にもこの問題を 2 回投稿しましたが、クローズされました。理由はわかりません... 一般的な問題ではないため、私の問題はクローズされました。それについて言えることは、stackoverflow の一部のユーザーは、CSS 3、Phonegap、HTML 5、および -webkit-user-select: が一般的な状況であるとは考えていないということです。私は違います。

ただし、この問題もここに投稿されており、Safari でも問題が発生していることがわかります。 User select:none cause input field to be inaccessible on Safari少し異なりますが。

私の現在の解決策はこれです：

-webkit-user-select: text; /* change 'none' to 'text' */

テキスト入力を有効にする最もエレガントなソリューションは何かについてまだ興味がありますが、Phonegap が達成しようとしているこのコピーと過去の機能の一部を維持しています。ありがとう！

4

3 に答える 3

41

これをcssに追加してみてください：

input {
    -webkit-user-select: auto !important;
}

これにより、入力フィールドのすべての要素に（*セレクターを介して）設定したテキスト選択の無効化が上書きされます。

于 2012-10-22T20:40:25.960 に答える
27

次のように css にルールを追加するだけです。

*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
于 2013-04-03T13:16:57.080 に答える