Home/ Questions/Q 7444031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T11:25:42+00:00

I am using chromium browser in my project and for the text fields for

  • 0

I am using chromium browser in my project and for the text fields for my url, it is not showing blinking cursor. I tried to load the google.com and it worked. I figured out google uses their own cursor in the form of div. But couldn’t replicate their solution. If anyone could help, that would be awesome.

Thanks.

<div style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(0, 0, 0); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: absolute; top: 1px; z-index: 4; white-space: pre; width: 1px; height: 20px; background-color: rgb(0, 0, 0); left: 3px; display: none; background-position: initial initial; background-repeat: initial initial; "></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Updated fiddle for chrome: http://jsfiddle.net/techfoobar/xEVSu/2/

    Check this fiddle: http://jsfiddle.net/techfoobar/xEVSu/

    What I’ve done is implement a custom blinking DIV for cursor that behaves like a normal cursor – i.e. moves with text typing, selection changes etc.. Also implemented is a custom highlight DIV (for text selection). Was fun implementing it, i must say! 🙂

    NOTE: Unless you have a very good reason to be going for a custom implementation, use the default browser provided textbox functionality.

    • 0