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

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 从该输入中获取值并将其分配给其他元素的样式属性。