Change the cursor bar in an edit field with CSS JS or Jquery

Asked

Viewed 74 times

0

Hello, I would like to change (stylize) the cursor bar (flashing) into edit fields in HTML pages. Not the cursor, but the cursor bar. I researched a lot here at SOPT and found very interesting discussions and tips but only about the cursor, for example: this, this and also this. Anyway, just got something close to my placement, with a question and answer on Android, here. I ask, is it not possible in CSS, JS or Jquery? The last link, which is with the subject topic as [Android] is specific to Java, type, for Android Studio?

javascript jquery css

1 answer

0

I don’t know if there are other types of customization caret-color

input {
  caret-color: red;
}
<input type="text"></input>

  • Giovanni Dias, then... I didn’t know this attribute, and it’s very interesting at first, but I want something other than, like, changing the shape of the bar itself.

  • I believe you can make a cursor using a div to accompany the text or something like this https://stackoverflow.com/questions/3758023/how-to-use-this-square-cursor-in-a-html-input-field but I think changing the Caret itself is not possible

  • 1

    gee, Giovanni Dias... thanks so much for the attention. Gave a good advance. I’ll leave the question still open, who knows!

Browser other questions tagged javascript jquery css

You are not signed in. Login or sign up in order to post.