Change color of input area

Question

So my task is to change the color of input area so that whenever a user fills in the form(username,password) the line color is changed into red from blue.I wonder if I shall work on HTML,CSS or Js file.
file:///C:/Users/7/Desktop/AdminBSBMaterialDesign-master/pages/forms/basic-form-elements.html

Answer 1

Hey Manik,

I would personally use a combination of HTML, CSS and JavaScript.

HTML to create the Input boxes and submit button
CSS to set the color of the font
JavaScript to write a function which changes the color of the text

Take a look at the code snippet I wrote for you below, it's not an amazing example but shows how the 3 can work together to do what you're planning on doing.

https://code.sololearn.com/Wan9dTTAB2Gv

Answer 2

I have the code and I need to make Ganges on the code.
So that ig input area is red I can turn it into blue

Answer 3

Update here,

I think what you're trying to do is have the Input tag have a red background and when the user begins to type the color changes to blue?

This is an example of how to do something like that using HTML and JavaScript:

https://code.sololearn.com/WExpMFlnJRwu

Answer 4

I' be done it this way.Just created a CSS file. and wrote the following: .form-group.form line: after{ border-bottom :2px solid #ff0000