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

Комментарии

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

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

В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
17.01.2018 3358
Выделение текста в меню, кнопках и других элементах управления лучше запретить т.к. при нескольких кликах он выделяется...
04.10.2019 377
Описание значений глобального массива $_SERVER с примерами.
03.10.2018 2186
Подчеркивание текста можно сделать с помощью нескольких свойств CSS - background-image, background-size и...
31.07.2018 1347
jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.
20.02.2019 2138
Ниже приведён список MIME-заголовков и расширений файлов.
11.07.2019 628