Edit in JSFiddle

input:-moz-read-only { background: red; }
input:read-only { background: red; }
p:-moz-read-only { background: red; }
p:read-only { background: red; }

input:-moz-read-write { background: lime; }
input:read-write { background: lime; }
p:-moz-read-write { background: lime; }
p:read-write { background: lime; }
<input type="text" value="Ten input możesz edytować">
<p contenteditable="true">Ten paragraf też możesz edytować.</p>

<input type="text" value="Element tylko do odczytu." readonly>
<p>To też możesz tylko odczytać.</p>