Псевдоселекторы нельзя писать через запятую

Век живи - век учись

Если псевдоселекторы перечислять через запятую, то они не будут работать

input[type=search]:-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=search]::placeholder,
input[type=search]::-webkit-input-placeholder {
color: var(--white);
}

нужно писать каждый отдельно:

input[type=search]:-ms-input-placeholder{ color: var(--white); }
input[type=search]::-ms-input-placeholder{ color: var(--white); }
input[type=search]::placeholder{ color: var(--white); }
input[type=search]::-webkit-input-placeholder { color: var(--white); }

Когда вы пишете селекторы через запятую, браузер пытается применить стили ко всем элементам, перечисленным в селекторе. Но поскольку некоторые из псевдоклассов специфичны для отдельных браузеров (например, ::-webkit-input-placeholder для Chrome и Safari, ::-ms-input-placeholder для Internet Explorer), такая комбинация селекторов не будет поддерживаться должным образом.