CodePen Embed - css: pointer-events

<form action="javascript: void(0);">
  <input type="text" readonly value="readonly enable">
  <br>
  <input type="text" value="readonly disable">
  <br>
  <select name="" id="" readonly>
    <option value="">請選擇</option>
  </select>
  <br>
  <select name="" id="">
    <option value="">請選擇</option>
  </select>
  <br>
  <button readonly>readonly enable</button>
  <br>
  <button>readonly disable</button>
</form>

form [readonly] {
  pointer-events: none;
  background: gray;
}

This Pen is owned by cheaster43 on CodePen.

See more by @cheaster on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.