دليل مرجعي CSS

قواعد CSS @

كامل خصائص CSS

وظائف CSS دليل الكامل للمنتخبين CSS

مصنف CSS :read-only

:class CSS المزيفة تعبر عن حالة غير قابلة للتعديل للمستخدم (مثل مربعات النصوص المحكمة).

دليل مرجعي كامل لـ CSS اختيار

مثال على الإنترنت

أدخل عنصر input مع خاصية "readonly" المحددة، وقم بتعيين لون الخلفية إلى اللون الأخضر البحري:

مثال

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>أساسيات التعليمات البرمجية(oldtoolbag.com)</title>　
<style>
input　{　min-width:　25em;　}
input:-moz-read-only { background: cyan; }
input:read-only { background: cyan; }
p:-moz-read-only { background: lightgray; }
p:read-only { background: lightgray; }
p[contenteditable="true"] { color: blue; }
</style>
</head>
<body>
<input type="text" value="أدخل أي شيء تريده هنا.">
<input type="text" value="قابل للقراءة." readonly>
<p>فقرة عادية.</p>
<p contenteditable="true">فقرة قابلة للتعديل!</p>
</body>
</html>

اختبار لمعرفة <‹/›

التعريف والاستخدام

يستخدم المحدد :قراءة-كتابة لاختيار العناصر التي تم تعيين الخاصية "readonly".

يمكن تعيين خاصية "readonly" على عناصر النموذج لتعريف العناصر كقابلة للقراءة فقط.

ملاحظة: حاليًا، معظم المتصفحات، المحدد :قراءة-كتابة ينطبق على عناصر input وtextarea، ولكن يمكن أن ينطبق أيضًا على العناصر التي تم تعيين الخاصية "readonly".

تطابق المتصفح

الرقم في الجدول يمثل إصدار أولي من المتصفح الذي يدعم الخاصية.

المحدد
:قراءة-كتابة	مدعوم	غير مدعوم	-moz-	نعم	نعم

نحوغة CSS

/* اختيار أي عنصر input فقط قابل للقراءة، لضمان دعمه في Firefox، يجب إضافة المقدمة -moz- */
input:-moz-read-only {
　　background-color: #ccc;
{}
input:read-only {
　　background-color: #ccc;
{}

ملاحظة: هذا المحدد ليس فقط يختار عناصر <input> التي تحتوي على الخاصية readonly، بل يختار أيضًا جميع العناصر التي لا يمكن تعديلها من قبل المستخدم.

الصفحات ذات الصلة

اختيار CSS :قراءة-كتابة

دليل مرجعي كامل لـ CSS اختيار

وظائف CSS دليل الكامل للمنتخبين CSS