input.hide-cursor {
  caret-color: transparent;
}

document.querySelector('input').addEventListener('focus', function() {
  this.style.caretColor = 'transparent';
});

document.querySelector('input').addEventListener('blur', function() {
  this.style.caretColor = '';
});