Click-through disabled form controls

Simple CSS-based approach to capture clicks on disabled form elements using an element placed behind them.

HTML

<div onclick="alert('blue-border background behind disabled button clicked')">
  <input type="button" value="Disabled Button" disabled>
</div>
<br>
<input type="button" value="Enabled Button" onclick="alert('button clicked')">

CSS

div {width:120px; padding:0; border:2px solid blue}
input {width:120px}
input[disabled] {pointer-events:none}