CSS
Наследование для ::selection и ::highlight
Для псевдоклассов Highlight — ::selection и ::highlight . Сделано правильная наследование по цепочке псевдо выделения, а не элементов. Сделано по спецификации CSS Pseudos Level 4. Напомним, что :selection — позволит изменить стили выделения мышкой:
::selection {
color: red;
background: yellow;
}
:highlight — подсвечивает отдельные буквы. Пример и подробнее по ссылке — https://developer.mozilla.org/en-US/docs/Web/CSS/::highlight
Скролл прокрутки: scrollbar-color
и scrollbar-width
Позволит стилизовать скролл, указав цвет и толщину. Будут добавлены 2 свойства:
scrollbar-color
— позволяет менять цвет полосы прокрутки, чтобы они лучше вписывались в дизайн страницы.
scrollbar-width
— позволяет использовать более узкие полосы или даже скрывать их при необходимости, при этом не влияя на прокрутку.
Орфография и грамматика
Стилизация орфографических ошибок которые как правило срабатывают в редактируемых полях. Рассмотрим пример:
<p contenteditable spellcheck="true">
Пишу тексты с ошыбками
</p>
// Применим к нему стили
::spelling-error {
text-decoration: wavy red;
}
Улучшены маски для SVG
Хром продолжает улучшать маски и в этом релизе улучшена работа масок с SVG.
Web API
Посмотрев текущие фичи в АПИ, ничего не выделил. Какие то новые фичи позволяющие запускать удаленно мультимедиа страницы, копирование в буфер обмена картинок и прочее.
Источник: https://developer.chrome.com/blog/chrome-121-beta?hl=ru