如何更改输入文本的所选值的颜色

Question

我想将所选“ XYZ”的颜色更改为其他颜色。目前，如果我选择“ XYZ”，然后选择颜色ID蓝色，但是我想指定其他颜色。有人可以告诉我该怎么做。

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属性。