В чем разница между псевдоэлементами :placeholder-shown и :placeholder?

Разница между псевдоэлементами :placeholder-shown и ::placeholder заключается в том, что они выполняют разные задачи. www.geeksforgeeks.org vk.com

:placeholder-shown предназначен для выделения самого поля ввода, когда отображается текст-подсказка (плейсхолдер). vk.com doka.guide Он выбирает на странице все элементы <input> или <textarea>, у которых показывается подсказка. doka.guide

:placeholder отвечает за стилизацию текста-подсказки. vk.com Стили, применённые к этому псевдоэлементу, изменят внешний вид текста-подсказки, но не затронут само поле ввода. doka.guide

Таким образом, :placeholder-shown выделяет форму ввода, когда текст в ней отображается, а ::placeholder стилизует сам текст-заглушку. vk.com