[Помогите] Как задать цвет "крестику" стандартного поиска

Ну по сути вопрос в теме: Как задать цвет "крестику" стандартного поиска.
Вот скрин для понимания: http://joxi.ru/KAgGpvvT4Dz73A

 

Я нашел gсевдоэлементs ::-ms-clear и ::-webkit-search-cancel-button.
С первым у меня вообще не получилось совладать, а второй среагировал на padding и cursor

 

у меня что-то не прокатывает :( или не так описываю
#search::-webkit-search-cancel-button
{ color:red;}

 

А если попробовать
input[type="search"]::-webkit-search-cancel-button {}, и в скобках нужный стиль.

 

вот я в генераторе пробую - но не прокатывает: https://jsfiddle.net/#&togetherjs=vFHS6iI8Gb
сам крестик цвет не меняет...

 

Вот тут как раз у меня и сработало только padding и cursor, больше ничего не нашел.

 

Вот такую штуку откопал

Но что-то пока не получается и так.

--- Добавлено, 17 окт 2017 ---

Стиль -webkit-appearance: none; работает, который скрывает сам крестик, а вот что дальше, в псевдоклассе :after, где тогда и должен задаваться стиль кнопки, нет. Ни как в примере, ни просто заданием фона.

 

у меня даже крестик не пропадает когда я так прописываю input[type="search"]::-webkit-appearance:none;

 

Чтоб пропадал, надо так: input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}

 

Да так прокатило. Спасибо. Но предлагаю тему продолжить. Возможно кто-то знает как это сделать.

 

А чего толку-то? Ни color, ни background даже в этой ситуации не прокатывает.

А прям обязательно поменять цвет у "родного крестика"? Можно же его подменить! Или тут уже дело принципа?

 

ну это принцип у заказчика ))) ну и я уже завелся... думаю что за хрень))) ну не может же быть такого что к нему никак обратится нельзя