Topic: Input type="number" has different focus color

Arsenii pro asked 6 years ago

<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.

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.

Damian Gemza staff answered 6 years ago

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

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No