Override Default Border on Input
I am working on the tip calculator project on frontendmentor and I've used :hover, :focus and :active to adjust the border color of the custom tip input box but it still defaults to the blue border when I start typing in both chrome and firefox.
Here is my deployed project so far: https://calculate-and-split-tip.netlify.app/
My codebase is here: https://github.com/mathematiCode/Tip-Calculator-FEM
I've tried commenting out all of my js, in devtools it shows that the styles in the :focus, :hover selector are being applied but it keeps changing the color to the default blue when I start typing.
I am using vanilla CSS and JS btw.
Here is my deployed project so far: https://calculate-and-split-tip.netlify.app/
My codebase is here: https://github.com/mathematiCode/Tip-Calculator-FEM
I've tried commenting out all of my js, in devtools it shows that the styles in the :focus, :hover selector are being applied but it keeps changing the color to the default blue when I start typing.
I am using vanilla CSS and JS btw.
GitHub
Contribute to mathematiCode/Tip-Calculator-FEM development by creating an account on GitHub.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
