CSS change icon color when input is focused

Question

I want the user icon and the lock icon to change color when the input is focused but I don\'t know how to do could anyone help me please ( I want the icon color to #c0392b )

Answer 1

Your icon isn't inside the input field, that is how your CSS is described right now.

When you put the icon span after the input field, you can use the + selector to add css to the following element.

See this link https://www.w3.org/TR/CSS21/selector.html#adjacent-selectors