多色输入字段

Question

是可能的，只使用css和/或JQuery，第一个＆＃34; x＆＃34;在输入字段中，字符是一种颜色而另一种是另一种颜色？

Answer 1

您可以使用渐变颜色来完成它，但它不适用于每个浏览器。 例如，使用chrome specific css。

http://jsfiddle.net/pgd8z/

<input type="Text" Value="Testing colors" class="textbox" />

input {
  font-size: 2em;
  background: linear-gradient(to right, red 10%, blue 10%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}