الفرق بين المراجعتين ل"CSS/:read-write"

المراجعة الحالية بتاريخ 19:42، 24 أكتوبر 2018

الصنف الزائف ‎:read-write في CSS (أي pseudo-class) يُمثِّل أي عنصر فيه محتوى نصي يمكن للمستخدم تعديله.

/* يجب توفير سابقة لمتصفح فايرفكس */
input:-moz-read-write {
  background-color: #bbf;
}

input:read-write {
  background-color: #bbf;
}

لاحظ أنَّ هذا المُحدِّد لا يُحدِّد عناصر <input> فقط، وإنما يُحدِّد أي عنصر يمكن للمستخدم تعديله، مثل عناصر <p> التي ضُبِطَت الخاصية contenteditable عليها. الشكل العام لهذا المحدد:

:read-write

أمثلة

مثال عن استخدام هذا الصنف لتحديد جميع العناصر التي يمكن تعديلها:

<input type="text" value="Type whatever you want here.">
<input type="text" value="This is a read-only field." 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; }

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	مدعومة	مدعومة لكن مع السابقة `-moz-`	مدعومة	مدعومة	مدعومة

انظر أيضًا

صفحة الصنف الزائف read-only: الذي يُمثِّل أي عنصر فيه محتوى نصي لا يمكن للمستخدم تعديله.

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML5.
مسودة Selectors Level 4.

@@ سطر 49: / سطر 49: @@
 |مدعومة
 |}
-==مصادر ومواصفات==
+==انظر أيضًا==
+* صفحة الصنف الزائف <code>[[CSS/:read-only|read-only:]]</code> الذي يُمثِّل أي عنصر فيه محتوى نصي لا يمكن للمستخدم تعديله.
+== مصادر ومواصفات ==
 *معيار [https://html.spec.whatwg.org/multipage/#selector-read-write HTML Living Standard].
 *مواصفة [http://www.w3.org/TR/html5/#selector-read-write HTML5].