Как изменить цвет выбранного значения входного текста

Question

Я хочу изменить цвет выбранного "XYZ" на другой цвет. В настоящее время, если я выбираю «XYZ», то выбрал синий цвет, но я хочу дать другой цвет. Кто-нибудь может подсказать, как это сделать.

input[type=text] {
  border: none;
  padding: 4px 8px;
  border-radius: 12px;
}

input[type=text]:focus {
  outline: none;
  box-shadow: 0 0 0 2px orange;
}

<input type="text" disabled value="xyz">

Answer 1

Я думаю, вы ищете:

<input type="color" value="#some_hex" id="color-input">

Затем вы можете получить значение из этого ввода, используя JavaScript и присвоив свойству style другого элемента.