Как выделить невыделенный текст в браузере

Обновлено: 21.11.2024

DigitalOcean объединяет усилия с CSS-Tricks! Специальное приветственное предложение: получите бесплатный кредит в размере 100 долларов США.

Используйте курсор, чтобы выбрать это предложение. Заметили, как при выделении текста цвет фона заполняет пространство? Вы можете изменить цвет фона и цвет выделенного текста с помощью стиля ::selection . Стилизация этого псевдоэлемента отлично подходит для сопоставления выбранного пользователем текста с цветовой схемой вашего сайта.

Обратите внимание, что в синтаксисе этого псевдоэлемента необходимо двойное двоеточие, несмотря на то, что другие псевдоэлементы принимают одинарное двоеточие.

Как показано выше, вы можете стилизовать ::selection для отдельных элементов. Вы также можете оформить всю страницу, перетащив пустой псевдоэлемент в таблицу стилей.

Есть только три свойства, с которыми будет работать ::selection:

  • цвет
  • background (в частности, свойства background-color и background-image в полном виде)
  • текстовая тень

Если вы попытаетесь стилизовать ::selection со свойством, которого нет в списке, то это свойство будет проигнорировано. Увидеть фон в этом списке может быть сложно, потому что свойство будет отображать цвет только при использовании в ::selection и не будет отображать фоновое изображение или градиент.

Также не пытайтесь:

Когда браузеры находят часть выбора, которую они не понимают, они удаляют ее целиком, так что это все время будет давать сбой.

Одним из самых полезных способов использования ::selection является отключение тени текста во время выделения. Текстовая тень может конфликтовать с цветом фона выделения и затруднять чтение текста. Установить текстовую тень: нет; сделать текст четким и легко читаемым во время выделения.

В сочетании с Sass или любым другим препроцессором вы можете создавать действительно классные эффекты с помощью ::selection . Выделите текст в демо ниже:

Вы можете заметить, что в некоторых браузерах эффект не такой плавный. Давайте поместим эту демонстрацию в папку: все возможно, но, вероятно, просто для удовольствия.

Эти данные о поддержке браузера предоставлены компанией Caniuse, в которой содержится более подробная информация. Число указывает, что браузер поддерживает эту функцию в этой версии и выше.

PowerPoint для Microsoft 365 PowerPoint для Microsoft 365 для Mac PowerPoint для Интернета PowerPoint 2021 PowerPoint 2021 для Mac PowerPoint 2019 PowerPoint 2019 для Mac PowerPoint 2016 PowerPoint 2016 для Mac Еще. Меньше

Выделение текста в PowerPoint для Microsoft 365 и PowerPoint 2019 позволяет подписчикам выделять текст желтым или другим цветом маркера. (Эта функция доступна как в Windows, так и в macOS, а также в браузере веб-приложения PowerPoint.)

Если вы не видите кнопку "Цвет выделения текста" на вкладке "Главная" ленты, ознакомьтесь с требованиями ниже, чтобы получить дополнительные сведения.

Выделите один фрагмент текста

Выделите текст, который хотите выделить.

На вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" .

Выберите цвет. Выбранный текст будет выделен выбранным вами цветом.

Выделить несколько несмежных фрагментов текста

Если на слайде не выделен текст, на вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" .

Выберите цвет, а затем наведите указатель мыши на текстовую область слайда.

Указатель мыши изменится на маркер. .

Выберите каждую часть текста, которую вы хотите выделить.

Когда вы закончите выделение, нажмите клавишу ESC на клавиатуре, чтобы отключить подсветку.

Удалить выделение из текста

Выберите выделенный текст.

На вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" и нажмите "Нет цвета".

Другие способы выделить

Вот еще два способа выделить что-то на экране во время презентации:

Требования к выделению текста

PowerPoint для Microsoft 365
Текущий канал: версия 1606 или более поздняя
Полугодовой корпоративный канал: версия 1701 или более поздняя
PowerPoint 2019
Найдите свою версию Office

Если вы не видите кнопку "Цвет выделения текста" на вкладке "Главная" ленты, ознакомьтесь с требованиями ниже, чтобы получить дополнительные сведения.

Выделите один фрагмент текста

Выделите текст, который хотите выделить.

На вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" .

Выберите цвет. Выбранный текст будет выделен выбранным вами цветом.

Выделить несколько несмежных фрагментов текста

Если на слайде не выделен текст, на вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" .

Выберите цвет, а затем наведите указатель мыши на текстовую область слайда.

Указатель мыши изменится на маркер. .

Выберите каждую часть текста, которую вы хотите выделить.

Когда вы закончите выделение, нажмите клавишу ESC на клавиатуре, чтобы отключить подсветку.

Удалить выделение из текста

Выберите выделенный текст.

На вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" и нажмите "Нет цвета".

Еще один способ выделить

Требования к выделению текста

PowerPoint для Microsoft 365 для Mac версии 16.10 или более поздней
PowerPoint 2019 для Mac
Найдите свою версию Office

Mac OS X 10.10 или более поздней версии

Выделить текст

Выделите текст, который хотите выделить.

На вкладке "Главная" щелкните стрелку рядом с пунктом "Цвет выделения текста" .

Выберите цвет. Выбранный текст будет выделен выбранным вами цветом.

<р>1. Выделение — это визуальное указание на то, что текст или другой объект выделен с помощью мыши или клавиатуры. Когда текст, файлы, папки, ячейки или другие объекты выделены, они будут отличаться цветом, иметь жирную рамку или другие типы форматирования, которые отличают их от других объектов. Например, при выделении текста цвета выделенного текста меняются местами, отображаются синим цветом, вокруг выделения появляются точки или вокруг выделенного текста появляются жирные линии.

Выделение текста позволяет пользователю перемещать, копировать или вырезать выделенный текст. Выделение объекта, например значка, также позволяет вырезать, копировать, удалять, перемещать, просматривать, открывать или иным образом манипулировать им.

Выше приведен пример выделенного текста в текстовом редакторе.

Что произойдет, если вы нажмете клавишу, когда текст выделен?

Если текст выделен в текстовом редакторе или в поле формы, и вы нажимаете клавишу, этот текст будет перезаписан нажатой клавишей. Например, если текст был выделен и вы нажали «а», этот выделенный текст будет заменен буквой «а». Если вы нажмете Enter , текст будет заменен новой строкой или абзацем в зависимости от программы.

В большинстве программ, если вы перезаписали какой-либо текст и хотите вернуть его, вы можете отменить изменение.

Как снять выделение?

Чтобы отменить выделение текста или другого объекта, переместите указатель мыши туда, где он не выделен, и щелкните один раз.

Какой цвет выделения текста?

Цвет выделения текста может различаться в зависимости от программы, используемой для выделения текста. Например, в Microsoft Word, многих текстовых редакторах и большинстве браузеров текст выделяется синей рамкой. Другие программы могут выделять текст в черном поле.

Разработчик может выбрать любой цвет для выделения. Например, веб-разработчик может изменить цвет выделения на своей веб-странице с помощью CSS.

Дополнительная информация

<р>2. В Microsoft Word и других текстовых программах текст можно выделить другим цветом для быстрого ознакомления. Например, «Этот текст выделен желтым цветом» и его легко увидеть при беглом просмотре этой страницы.

<р>3. В HTML текст можно выделить с помощью тега и отформатировать с помощью стиля, CSS или тега HTML5.

В браузере Google Chrome пользователям стало проще ссылаться на определенные текстовые части веб-страницы в результатах поиска с помощью расширения Link to Text Fragment. Что именно делает это расширение Chrome? В Chrome 90 и более поздних версиях эта функция интегрирована непосредственно в браузер.

Создавайте ссылки на определенный выделенный текст в Chrome

  1. Запустить Chrome
  2. Посетить веб-страницу
  3. Выделите текст, на который хотите создать ссылку
  4. Нажмите правой кнопкой мыши и выберите "Копировать ссылку для выделения".
  5. Будет создан URL, оканчивающийся знаком решетки.
  6. Вы можете поделиться этим URL.

Теперь, когда они нажимают на ссылку, конкретный выделенный тест будет открываться в начале страницы.

Пользователи Microsoft Edge могут использовать расширение Chrome Link to Text Fragment.

Ссылка на расширение Text Fragment для Chrome

Расширение с открытым исходным кодом. При добавлении в браузер он создает ссылку, которая при нажатии направляет пользователей к определенному фрагменту текста на странице. Итак, если вы хотите создать ссылку только для определенной части веб-страницы, щелкните правой кнопкой мыши и выберите параметр «Копировать ссылку в выделенный текст» в контекстном меню. Расширение автоматически создает ссылку для этой части. Затем вы можете поделиться им с другими. Процесс его использования прост:

  1. Запустите браузер Chrome.
  2. Откройте веб-страницу.
  3. Выберите строку текста, на которую хотите создать ссылку.
  4. Нажмите правой кнопкой мыши и выберите Копировать ссылку в выделенный текст.
  5. Дождитесь успешного создания ссылки.
  6. Вставьте ссылку.

Ссылки, созданные расширением, совместимы со всеми браузерами на базе Chromium версии 80 и выше, но поддерживаются не во всех браузерах. Firefox и Safari пока не поддерживают эту возможность. При нажатии на ссылку в этих браузерах вы просто перейдете к началу связанной веб-страницы, не выделяя текст.

Запустите веб-браузер Google Chrome

Откройте веб-страницу, выберите текст, на который хотите сделать ссылку.

Затем выделите строку текста, которую нужно найти, щелкните правой кнопкой мыши и выберите "Копировать ссылку на выделенный текст" в контекстном меню.

Расширение мгновенно создаст ссылку. Если создание ссылки прошло успешно, выделенный текст будет ненадолго выделен желтым цветом, как показано на снимке экрана выше.

Теперь вставьте свою ссылку туда, куда вы хотите ею поделиться.

Когда получатель нажимает на ссылку, он попадает прямо на ту часть веб-страницы, которой отправитель намеревался поделиться с ним.

Подобные возможности существовали и раньше, но требовали, чтобы создатель веб-страницы кодировал привязку к веб-странице, на которую другие могли ссылаться. Новая разработка сокращает этот длительный процесс.

Вы можете получить расширение в Интернет-магазине Chrome.

Дата: 10 апреля 2021 г. Теги: Chrome

Похожие записи

Не удается загрузить или сохранить изображения из Google Chrome на ПК с Windows

Как очистить или очистить DNS-кэш Google Chrome

Как автоматически воспроизводить анимированные GIF-файлы в результатах поиска картинок Google

сообщить об этом объявлении

[электронная почта защищена]

Хемант, получивший высшее образование в области биотехнологии, переключился на написание статей о технологиях Microsoft и с тех пор является участником TheWindowsClub. Когда он не работает, вы обычно можете застать его путешествующим по разным местам или предающимся просмотру фильмов.

Читайте также: