[Scaffold] When focused on an input with an error, input border should be red
See original GitHub issueFocusing on the input makes the border gray, but it should stay red:
This should just be a matter of adding a :focus
style in scaffold.css
.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:3
- Comments:12 (12 by maintainers)
Top Results From Across the Web
angular - Want to make border color red when input is invalid
I now have a text appear that says the input is invalid, but I would like to make the border red ...
Read more >InputDecoration class - material library - Flutter - Dart API docs
This sample shows how to create a TextField with hint text, a red border on all sides, and an error message. To display...
Read more >DRY Input Errors in Rails - Felipe Moyano
DRYing up error rendering with a hook # ; " · field['class'] · border-red-600 border focus:outline-none" ; <<-HTML · fragment.to_s · HTML
Read more >Input - Ant Design
A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data....
Read more >How do I change the colour of the error state field borders ...
How do I change the colour of the error state field borders (from red to ... .form-line-error input:not(#coupon-input),.form-line-error ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@cannikin Thanks a lot it worked!
Ahh you’re running those in the actual Redwood codebase. You’d need to run those in a regular Redwood app. I’d suggest doing that (
yarn create redwood-app app-name-here
) and making the changes in thescaffold.css
file that gets created after you run the scaffold generator. Then once the styles look good, add your new styles to thescaffold.css.template
file that’s here in the main Redwood repo: https://github.com/redwoodjs/redwood/blob/main/packages/cli/src/commands/generate/scaffold/templates/assets/scaffold.css.template