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

Поделится

Темы

Chrome CSS Google

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

Зачастую в мобильных версиях сайта перенос текста тегом br только мешает, исключить его влияние можно несколькими...
16.09.2019 86
Описание значений глобального массива $_SERVER с примерами.
03.10.2018 1177
Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5...
21.08.2019 268
В статье представлены различные PHP расширения для чтения файлов XLS, XLSX. Описаны их плюсы и минусы, а также примеры...
25.03.2018 8971
::selection или ::-moz-selection – псевдоэлемент, который отвечает за стили выделяемой области текста.
13.02.2019 660
jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.
20.02.2019 1183