Form field gradient borders?

Do you have any ideas how to create gradient for field form borders?

I have to design this:

I have injected CSS in the of the page but it doesn’t seem to work;


}

.form-field {
** border: linear-gradient(35deg,#1ef2d6,#a966ee);**
** background-color: transparent;**
** background-image: -webkit-linear-gradient(0deg, #00f0d1, #a966ee);**
** background-image: linear-gradient(90deg, #00f0d1, #a966ee);**
** font-family: ‘Open Sans’, sans-serif;**
** color: #ffffff;**
** font-size: 10px;**
** font-weight: 600;**
}


You can check my read-only link here : https://preview.webflow.com/preview/gradient-form-field?preview=f9684eae6214b0606d1b5e7c0bb131d5

Just put your fields into a div with a padding of 1px and a gradient background!

1 Like

Awesome, sometime solution are so simple and we just overthink it hahaha

Thanks for the help!!

1 Like