الفرق بين المراجعتين ل"CSS/:read-write"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
سطر 53: | سطر 53: | ||
*مواصفة [http://www.w3.org/TR/html5/#selector-read-write HTML5]. | *مواصفة [http://www.w3.org/TR/html5/#selector-read-write HTML5]. | ||
*مسودة [https://drafts.csswg.org/selectors-4/#rw-pseudos Selectors Level 4]. | *مسودة [https://drafts.csswg.org/selectors-4/#rw-pseudos Selectors Level 4]. | ||
− | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
− | [[تصنيف:CSS Selectors]] | + | [[تصنيف:CSS Selectors|{{SUBPAGENAME}}]] |
− | [[تصنيف:CSS pseudo-class]] | + | [[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]] |
مراجعة 15:38، 28 يناير 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>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-
|
مدعومة | مدعومة | مدعومة |
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مسودة Selectors Level 4.