English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
: الاسم المضاد لـ CSS المزيف يُمثل عنصرًا (مثل عنصر input القابل للتحرير النصي) يمكن تعديله من قبل المستخدم.
إذا كان عنصر input غير قابل للقراءة، أي أنه لا يحتوي على خاصية "readonly"، يتم تعيين نمط مربع الإدخال إلى اللون البرتقالي:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل أساسي (oldtoolbag.com)</title>
<style>
input:read-write
{
background-color: orange;
}
input:-moz-read-write {
background-color: #bbf;
}
</style>
</head>
<body>
<h3>مثال على مختار :read-write.</h3>
<p>عنصر input عادي:<br><input value="hello"></p>
<p>عنصر input غير قابل للتعديل:<br><input readonly value="hello"></p>
<p>مختار :read-write يختار العناصر التي لم يتم تعيين خاصية "readonly".</p>
</body>
</html>اختبار لمعرفة </أ>يستخدم مختار :read-write للتوافق مع العناصر القابلة للقراءة والكتابة.
ملاحظة: حاليًا، في معظم المتصفحات، يتم استخدام مختار :read-write فقط مع عناصر input وtextarea التي تم تعيينها.
الرقم في الجدول يمثل إصدار أولي من المتصفح الذي يدعم الخاصية.
| المختارات | |||||
|---|---|---|---|---|---|
| :قراءة فقط | مدعوم | غير مدعوم | -moz- | نعم | نعم |
/* اختيار جميع عناصر <input> القابلة للتحرير */
/* يجب إضافة ناقص في Firefox */
input:-moz-read-write {
background-color: #bbf;
}
/* مدعوم في Blink/WebKit/Edge بدون ناقص */
input:read-write {
background-color: #bbf;
}ملاحظة: هذا المختار لا يختار فقط عناصر <input>، بل سيختار أيضًا جميع العناصر القابلة للتحرير من قبل المستخدم، مثل عناصر <p> التي تم تعيين خاصية contenteditable.
مختارات CSS :قراءة فقط