2016-11-18 7 views
8

テキストコンテンツをコピーして別の場所に貼り付けることができるように、テキストコンテンツを(イオン2で)選択できるようにしたいが、テキスト選択が無効になっているようだ。ユーザーは入力またはテキストエリアにあるテキストを選択できますが、通常のコンテンツテキストでも選択できるようにしたいと考えています。テキスト選択を再度有効にする方法はありますか?イオン2:テキストを選択可能にするにはどうすればいいですか?

答えて

13

選択できるようにしたいHTMLタグに以下のCSSを追加する必要がありますSCSSであれば、これらの4つのcssラインでミックスインを作成することもできます。 Safariやその他のブラウザは、ユーザーが選択しただけではうまく対応しない可能性があります。

8

は、あなたは、私がこのことから、app.scssファイルの個々の項目については

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

を追加

user-select: text; 
+0

ねえ、私はしようとしました。 イオンアイテム{ ユーザ選択:テキスト; } と動作していません。 –

+0

これは私のために働いた! Ionic 2 with Angular 2.テキストの代わりにautoに変更したので、テキストに限定されません。 –

+0

'user-select:auto!important'はIonic2で動作します。時にはIonic2のコアスタイルをオーバーライドするのがとても難しいので、このために重要なものが必要です –

関連する問題