2016-11-18 4 views
8

Я хочу, чтобы пользователи могли выбирать текстовое содержимое (в ионном 2), чтобы они могли его скопировать и вставить в другое место, но кажется, что выбор текста отключен. Пользователи могут выбирать текст, который находится во входном или текстовом поле, но я хочу, чтобы они могли выбирать даже обычный текст контента. Есть ли способ повторно включить выбор текста?ionic 2: Как сделать текст доступным?

ответ

13

Я добавил

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

в app.scss файл

Для отдельных элементов, так как это это SCSS, вы также можете создать микширование с этими 4 css-линиями. Имейте в виду, что Safari или другие браузеры могут плохо реагировать на выбор пользователя.

8

Вам нужно добавить следующий CSS к HTML-тега вы хотите быть по выбору

user-select: text; 
+0

эй, я пытался это сделать. ion-item { user-select: text; } и не работает. –

+0

Это сработало для меня! Ионный 2 с Угловым 2. Вместо этого изменил его на auto вместо текста, поэтому он не ограничивается текстом. –

+0

'user-select: auto! Important' работает с Ionic2. Его иногда так сложно переопределить основные стили на Ionic2, что «важно» для этого –