Skip to content
Submitted about 1 year ago

React Age Calculator

Arianna Choza•260
@unachoza
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Age calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Input borders: I couldn't get them to change colors (red or purple), not with an error class or on with input[type="text"]:focus, input[type="text"]:focus-visible please help.

Community feedback

  • solitary_coder•1,000
    @kabir-afkPosted about 1 year ago

    hey ,can you like review the changes I made earlier , and close the PR . . . would really appreciate it . . .

    0
  • Josue Martinez•140
    @JosueJMartinezPosted about 1 year ago

    Here is what you need it is an inherited web browser default style you need to explicitly turn off. input[type="text"] css selector add outline: none;

    Then you just need to have two pseudo-classes for :active and :focus, with no need for focus-visible.

    Also you can leave it just input as the selector

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord