<h1>Can you click the "Click me" button</h1>
<button id="click-me">Click me</button>

<p>
  There is nothing wrong in your system.
  <br />
  Mouse pointer in hidden on purpose.
<p/>
<p>
  Is it frustrating?
  <br />
  <strong>
    Imagine how keyboard only user feel when there is no focus indicator.
  <strong>
</p>
body {
  padding: 50px;
  text-align: center;
  font-size: 24px;
}

body,
button {
  cursor: none !important;
}

button {
  padding: 20px;
  font-size: 28px;
}

:focus {
  outline: none;
}
var clickMe = document.getElementById('click-me');

clickMe.addEventListener('click', function(e) {
  alert('Wow!\nDid you resize the window? ;-)');
})
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.