Topic: Input type="number" has different focus color
<input type="text" id="form01" class="form-control">
<input type="number" id="form01" class="form-control">
The first one (as other input elements) has #81BCEE label and underline color on focus (expected behavior) while the second one has #5D7AF2 one (unexpected behaviour).
I can't find where it is located in css. I thought it's browser-specific behavior but it reproduces in both chrome and edge.
Hello Arsenii,
Unfortunately, i'm unable to reproduce your case. Could you show me code of your inputs? For me, every inputs got same underline color.
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Arsenii pro commented 6 years ago
Fix for underline color is: " input[type="number"]:focus { border-bottom: 1px solid #81BCEE !important; box-shadow: 0 1px 0 0 #81BCEE !important; } " But I don't have idea how to change label color.