html - 文本输入上的 CSS 渐变

Question

是否可以使 <input> 的文本颜色梯度？我为静态文本找到了这个解决方案，但它不适用于输入:

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(to right, rgb(66, 251, 227), rgb(43, 43, 
  255));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Answer 1

是的，这是可能的，请试试这个

background-image: linear-gradient(bottom, #f00 5%, #000 100%);
background-image: -o-linear-gradient(bottom, #f00 5%, #000 100%);
background-image: -moz-linear-gradient(bottom, #f00 5%, #000 100%);
background-image: -webkit-linear-gradient(bottom, #f00 5%, #000 100%);
background-image: -ms-linear-gradient(bottom, #f00 5%, #000 100%);
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.05, #f00),
    color-stop(1, #000)
);