Кривое подчёркивание ссылок в Google Chrome

Начиная с версии 64 Chrome начал добавлять разрывы в подчеркивании у ссылок, что приводит к следующему результату:

Разрывы в подчеркивании у ссылок

Связано это с введением нового CSS свойства text-decoration-skip-ink которое указывает как делать подчеркивание и значением auto по умолчанию.

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

Исправить это можно следующим образом:

a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
}
CSS

Подчеркивание рисуются по всей длине текстового содержимого

13.03.2018 , обновлено 22.10.2019

Комментарии

, чтобы добавить комментарий.

Другие публикации

Извлечение данных с помощью регулярных выражений PHP
Получение данных с помощью функций preg_match и preg_match_all.
17.03.2018
7289
+3
Запретить выделение текста
Выделение текста в меню, кнопках и других элементах управления лучше запретить т.к. при нескольких кликах он выделяется и визуально мешает.
04.10.2019
1018
0
Повышение результатов PageSpeed Insights
Сборник советов как поднять оценку в PageSpeed Insights.
04.04.2019
3478
0
Как отключить тег br
Зачастую в мобильных версиях сайта перенос текста тегом br только мешает, исключить его влияние можно несколькими способами.
16.09.2019
574
0
Переезд сайта на HTTPS
В последнее время вопрос переезда сайта с HTTP на HTTPS перешел из рекомендаций в необходимость, как со стороны поисковиков, так и браузеров.
21.02.2020
459
0
Сжатие gzip и кэш браузера в htaccess
При оптимизация скорости работы сайта инструменты типа Google PageSpeed Tools рекомендуют использовать кэш браузера и...
06.12.2016
3197
+2