select always readonly

by jrz

HTML

<select>
  <option value='0'>select NOT readonly</option>
  <option value='1'>--</option>
</select>

<select readonly>
  <option value='0'>select readonly</option>
  <option value='1'>--</option>
</select>

<input value='input NOT readonly'/>
<input readonly value='input readonly'/>

CSS

select:read-only,
input:read-only {
  background: cyan;
}

JavaScript

console.log(Array.prototype.map.call(document.querySelectorAll('select, input'), el => el.readOnly))