دليل CSS

قواعد CSS @

مجمل CSS

مزيل CSS3 :disabled

:disabled CSS الكائن المزيف يُمثل أي عنصر مُعطل. إذا لم يكن العنصر قابلاً للتنشيط (مثل الاختيار، النقر أو إدخال النص) أو الحصول على التركيز، فإن العنصر في حالة مُعطلة. لدي العنصر أيضًا حالة مفعلة (enabled state)، حيث يمكن تنشيط العنصر أو الحصول عليه.

دليل مرجعي كامل للمحفزات CSS

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

إعداد لون الخلفية لجميع العناصر المُعطلة من نوع type="text":

مثال

!DOCTYPE　html
<html>
<head>
<meta　charset="utf-8">　
<title>دليل الأساسيات(oldtoolbag.com)</title>　
<style>　
input[type="text"]:enabled
{
　　　　background:yellow;
}
input[type="text"]:disabled
{
　　　　background:#dddddd;
}
</style>
</head>
<body>
<form　action="">
الاسم:　<input　type="text"　value="Mouse"　/><br>
المنطقة:　<input　type="text"　disabled="disabled"　value="Disneyland"　/><br>
</form>
</body>
</html>

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

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

:disabled المزيل يطابق كل العناصر المُعطلة (يُستخدم بشكل رئيسي للعناصر النصية).

توافق المتصفحات

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

المحفز
:disabled	4.0	9.0	3.5	3.2	9.6

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

ضبط لون الخلفية لجميع عناصر الإدخال الممنوعة

مثال

!DOCTYPE　html
<html>
<head>
<meta　charset="utf-8">　
<title>دليل الأساسيات(oldtoolbag.com)</title>　
<style>　
input:enabled
{
　　　　background:yellow;
}
input:disabled
{
　　　　background:#dddddd;
}
</style>
</head>
<body>
<form　action="">
الاسم الأول:　<input　type="text"　value="Mickey"　/><br>
اسم العائلة:　<input　type="text"　value="Mouse"　/><br>
الدولة:　<input　type="text"　disabled="disabled"　value="Disneyland"　/><br>
كلمة المرور:　<input　type="password"　name="password"　/>
<input　type="radio"　value="male"　name="gender"　/>　Male<br>
<input　type="radio"　value="female"　name="gender"　/>　Female<br>
<input　type="checkbox"　value="Bike"　/>　I　have　a　bike<br>
<input　type="checkbox"　value="Car"　/>　I　have　a　car　
</form>
</body>
</html>

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

دليل مرجعي كامل للمحفزات CSS

وظائف CSS دليل اختيار selectors CSS