عرض مصدر CSS/:read-write

<noinclude>{{DISPLAYTITLE: الصنف <code>‎:read-write</code>}}</noinclude>
الصنف الزائف <code>‎:read-write</code> في CSS (أي pseudo-class) يُمثِّل أي عنصر فيه محتوى نصي يمكن للمستخدم تعديله.<syntaxhighlight lang="css">
/* يجب توفير سابقة لمتصفح فايرفكس */
input:-moz-read-write {
  background-color: #bbf;
}

input:read-write {
  background-color: #bbf;
}
</syntaxhighlight>لاحظ أنَّ هذا المُحدِّد لا يُحدِّد عناصر <code>[[HTML/input|<input>]]</code> فقط، وإنما يُحدِّد أي عنصر يمكن للمستخدم تعديله، مثل عناصر <code>[[HTML/p|<nowiki><p></nowiki>]]</code> التي ضُبِطَت الخاصية <code>contenteditable</code> عليها.

الشكل العام لهذا المحدد:<syntaxhighlight lang="css">
:read-write
</syntaxhighlight>

== أمثلة ==
مثال عن استخدام هذا الصنف لتحديد جميع العناصر التي يمكن تعديلها:
<syntaxhighlight lang="html">
<input type="text" value="Type whatever you want here.">
<input type="text" value="This is a read-only field." readonly>
<p>This is a normal paragraph.</p>
<p contenteditable="true">You can edit this paragraph!</p>

</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="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; }

</syntaxhighlight>
==دعم المتصفحات==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|مدعومة
|مدعومة لكن مع السابقة <code>-moz-</code>
|مدعومة
|مدعومة
|مدعومة
|}
==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/#selector-read-write HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/#selector-read-write HTML5].
*مسودة [https://drafts.csswg.org/selectors-4/#rw-pseudos Selectors Level 4].
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]