Ionischen 2: Wie, um text auswählbar machen?

Ich möchten, dass Benutzer in der Lage, wählen Sie text-Inhalt (in Ionischer 2), so dass Sie können kopieren Sie es und fügen Sie es an anderer Stelle, aber es scheint, dass die Textauswahl deaktiviert wurde. Benutzer können wählen Sie text in einem input oder textarea, aber ich will, dass Sie in der Lage, wählen Sie selbst die regelmäßige content-text. Gibt es eine Möglichkeit zu re-aktivieren Sie die text-Auswahl?

InformationsquelleAutor Adir Zoari | 2016-11-18
  1. 46

    Fügte ich

    body {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}

    den app.scss Datei

    Für einzelne Elemente, da dies SCSS, Sie können auch eine mix-in mit diesen 4 css-Zeilen. Beachten Sie Safari oder einem anderen Browser möglicherweise nicht reagieren gut auf die nur user-select.

    • Funktioniert immer noch in Ionischer 3.9.2.
    • user-select: auto erforderlich ist, um den text auswählbar auf Android und iOS. user-select: text funktioniert nur für Android.
    • für Ionische v4 Sie nicht finden, app.scss, erstellen Sie einfach ein und fügen Sie es.
    InformationsquelleAutor Dmitri R117
  2. 11

    Müssen Sie den folgenden CSS in den HTML-tag, die Sie wollen, ausgewählt werden

    user-select: text;
    • hey, ich habe versucht zu tun . ion-item{ user-select: text; } und es funktioniert nicht.
    • Dieser arbeitete für mich! Ionischen 2 mit Winkel-2. Verändert es automatisch anstelle der text-obwohl, so ist es nicht beschränkt auf text.
    • user-select: auto !important arbeitet mit Ionic2. Seine manchmal so schwer zu überschreiben core-styles auf Ionic2, dass importantbenötigt wird
    InformationsquelleAutor Alexander Ciesielski
  3. 1

    Für meine Ionic-4-Projekt, über das body-tag hat nicht funktioniert, aber das Tat:

    * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
    InformationsquelleAutor Aydus-Matthew
Schreibe einen Kommentar