How can I change text box border color when hovered?

When a text box is hovered over, what's the CSS code to change the color of the border?

Hi there,

You can inject the following CSS in your form:

input:focus, input:hover, 

textarea:focus, textarea:hover,

select:focus, select:hover {

    outline: none !important;

    border: none !important;

    box-shadow: 0 0 20px 5px black !important;

}

The hover effect will be added to the box shadow of the fields. You can check this in the cloned form below.

https://www.jotform.com/210280927677967

Here is how you can clone it.

https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url

Let us know if you need further assistance.

Thanks

thank you