Как я могу использовать `:: selection` для <input> в браузерах Chrome?

Question

Я пытаюсь установить фон и цвет для входных значений. Мне удалось сделать это ::-moz-selection для браузеров Mozilla, но ::selection в Chrome и других браузерах, таких как Opera, не работает.

Скриншот формы в Chrome- ::selection. Это терпит неудачу:

Скриншот формы в Mozilla Firefox- ::-moz-selection. Он работает:

Вот мой код:

<form> 
First name: <input type="text" name="FirstName" value="John"><br> 
Last name: <input type="text" name="LastName" value="Doe"><br> 
<input type="submit" value="Submit"> 
</form> 

<p>Your first and last name, please!!!.</p> 

И CSS:

::selection 
{ 
color: #fff; 
background: green; 
} 
::-moz-selection 
{ 
color: #fff; 
background: green; 
} 
input::selection 
{ 
color: #fff; 
background: purple; 
} 
input::-moz-selection 
{ 
color: #fff; 
background: purple; 
} 

Может ли один скажите мне, как сделать эту работу с Chrome и другие браузеры? Создал скрипку со всем кодом here.

Update: Я хотел бы, чтобы очистить себя, что речь идет о добавлении ::selection для текста внутри <input> и других полей формы (объяснение в этом вопросе на первом месте). Вопрос не о ::selection для обычного текста в браузерах, кроме Firefox (отлично работает в Firefox). У меня никогда не возникало проблем с добавлением ::selection для неформатных элементов в любом браузере.

Answer 1

Я думаю, что они начали поддерживать этот селектор.

::selection селектор, чтобы дать цвет для текста внутри <input> теперь отлично работает в браузере Chrome. Вы можете проверить same snippet на хром для проверки.