Change Animated Input Field Default Blue Color


Topic: Change Animated Input Field Default Blue Color

ikenna managwu asked 4 years ago

Hello !!, I want to know if there is a way to change the color of the input animated fields from blue to maybe purple or a gradient.

Ive tried over riding the form-control class, putting a "border-color" of my desired Hex, as well as a "color" property but its still blue. So I would really appreciate any help. Thank you.


Michał Duszak staff answered 4 years ago

Hello, there are three notches responsible for borders' colors. You can edit them in your CSS as shown in the snippet below:

https://mdbootstrap.com/snippets/standard/m-duszak/2957302#css-tab-view

You might also take the use of Themes under consideration:

https://mdbootstrap.com/docs/standard/content-styles/theme/

Best regards,

Michal


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Desktop, Mobile
  • Browser: Chrome, Firefox
  • OS: Windows, Mac, Android, IOS
  • Provided sample code: No
  • Provided link: No