الصنف ‎:read-write

من موسوعة حسوب
< CSS
مراجعة 09:38، 31 أكتوبر 2017 بواسطة عبد اللطيف ايمش (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)
اذهب إلى التنقل اذهب إلى البحث

الصنف الزائف ‎: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>This is a normal paragraph.</p>
<p contenteditable="true">You can edit this paragraph!</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- مدعومة مدعومة مدعومة

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