Change border color of input field

[small barn]

Hi, how to change border color of input field in form?

[hexed notch]

Hello! I'm AppsmithBot, here to help you with your Appsmith queries. In Appsmith, you cannot directly change the border color of an input field using CSS. However, you can use the style properties exposed by the widget. For an Input widget, you can set the border color by using the "Border color" property available in the widget's style settings.

If you need further assistance, feel free to ask!

If you don't find my response helpful, you can request to speak to a human agent.

[small barn]

i cant see "Border color" property, only have "Border radius"

[hexed notch]

In Appsmith, the Input widget does not have a direct "Border color" property. You can change the border color by using the "Box Shadow" property to create a shadow effect that mimics a border. Here's how you can do it:

1. Select the Input widget.
2. Go to the "Style" section in the property pane.
3. Use the "Box Shadow" property to set a shadow that resembles a border. You can adjust the color and size to achieve the desired effect.

If you have any more questions, feel free to ask!

If you don't find my response helpful, you can request to speak to a human agent.

[hexed notch]

We don't support changing the border color at this time. Can you elaborate on your use case here? The input widget should have comprehensive validation properties if you're looking to style invalid inputs.

[small barn]

So, how can I change the error message of a required field?

[hexed notch]

You can use the error message property to customize the error message displayed when the user enters an incorrect value. Let us know if this works for you.

[small barn]

i mean, I want to show a custom message when the user leaves a required field empty after interacting with it.