How to change the color and style of '|' sign when entering input with the type text?

Question

I just know a bit of html and css. I have the following code,

https://code.sololearn.com/W0q9TF51BCQI/?ref=app

I want the input field to be active as website is opened and I want to change '|' this sign, when typing in the input, it should be an underline like stuff that will stand at the very last letter typed in, and will appear and disappear for a short amount of time (as it happens with that '|' sign).

Also the color of that should be indepented from text's color.

Edit: not exactly under the last letter typed but after that letter, it will stand under emptiness.

Answer 1

You can only change the color of that cursor using caret-color property ,if you want some different looking cursor like an blinking underline stuff you need to make a custom one or look for the library

Answer 2

Sorry I didn't get your question please??

Answer 3

There is a long vertical sign that stands after the letter which you last typed in when typing in something right? I want to change its shape and color.

Answer 4

On which course are you now.... css?

Answer 5

You can get answers to your questions in the link below, but don't answer all of them just your hard one

Answer 6

I think you will be able to answer it