Кривое подчёркивание ссылок в 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

Комментарии

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

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

Зачастую в мобильных версиях сайта перенос текста тегом br только мешает, исключить его влияние можно несколькими способами.
1409
0
Сборник советов как поднять оценку в PageSpeed Insights.
6666
0
Получение данных с помощью функций preg_match и preg_match_all.
12177
+3
Описание значений глобального массива $_SERVER с примерами.
10926
0
В jQuery, селекторы в основном позаимствованы из CSS 1-3, также добавлены свои, что дало хороший набор инструментов для манипуляций с элементами в документе.
2800
+5
У текстовых полей (textarea, input text и т.д.) есть JS-свойства selectionStart и selectionEnd, которые возвращают...
1735
+1