شبه کلاس read-write: در CSS

:read-write Pseudo-class

شبه کلاس read-write: در CSS، عناصری مانند <input> یا <textarea> را هدف می گیرد که توسط کاربر قابل ویرایش باشد.

این انتخابگر تنها عناصر <input> / <textarea> را انتخاب نمی کند، بلکه تمام عناصری که توسط کاربر قابل ویرایش باشد را انتخاب می کند.
مانند تگ <p> که صفت contenteditable به آن افزوده شده باشد.

html

<input type="text" value="هر چه میخواهید تایپ کنید.">
<input type="text" value="این یک فیلد read-only است." readonly>
<p>این یک پاراگراف عادی است</p>
<p contenteditable="true">شما میتوانید این پاراگراف را ویرایش کنید.</p>

css

input { min-width: 25em; }
input:-moz-read-write { background: cyan; }
input:read-write { background: cyan; }

p:-moz-read-write { background: lightgray; }
p:read-write { background: lightgray; }
p[contenteditable="true"] { color: blue; }

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها بجز Internet Explorer از این شبه کلاس در CSS پشتیبانی می کنند.