文本输入上的CSS渐变

Question

Is it possible to make the text color of an <input> a gradient? I found this solution for static text but it does not work for 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

Yes it is possible please try this

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)
);