@codemafia
Самоотвод

Как реализовать подсветку строки, чтобы текст можно было выделить и скопировать?

Имеется небольшой код для подсветки синтаксиса. Чем то напоминает инструменты разработчика в Google Chrome. При наведении курсора на определенную строку она подсвечивается. Выглядит неплохо. Однако, подсветка строки не позволяет выделять текст, проведя горизонтально курсором.
Как можно решить эту проблему с учетом, что некоторые элементы могут переноситься на другие строки?
  • Вопрос задан
  • 176 просмотров
Решения вопроса 1
KazeZlat
@KazeZlat
Погромист-затейник
Дело в псевдоэлементе, который следует за .code-line. Он у вас перекрывает область выделения.

Добавление к .code-line:after свойства pointer-events: none; поможет этого избежать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы