javascripthtmlcssgoogle-chromemulti-touch

Remove blue cursor on touch screen with chrome

I have a text field on a website. On touch screens, with chrome browser, a blue cursor apears when i select the text field.

Here is an example:

blue cursor

Is there any way to remove this?

Solution

  • I don't think their is an option to remove/hide this functionality via CSS or JS as this behaviour is native to Chrome as an application rather than a browser default front end style in the document window (for example this cursor appears in the URL bar as well as on pages).

    From what I've read on the Google Product forums it would be a flag users would have to remove themselves on a case by case basis which unfortunately has not been implemented yet:

    https://productforums.google.com/forum/#!msg/chrome/T72xK1jZ5jo/99J-5_a_CQAJ