CodePen Embed - :read-only Seçici

<input type="text" readonly />
<input type="text"/>

input:-moz-read-only { /* For Firefox */
    background-color: red;
    display:block;
    margin-bottom: 10px;
}
input:read-only {
    background-color: red;
    display:block;
    margin-bottom: 10px;
}

This Pen is owned by W3TR on CodePen.

See more by @w3tr on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.