الفرق بين المراجعتين لصفحة: «CSS/:default»
< CSS
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 50: | سطر 50: | ||
|5.0 | |5.0 | ||
|} | |} | ||
== | ==انظر أيضًا== | ||
* صفحة الصنف الزائف <code>[[CSS/:checked|checked:]]</code> الذي يُمثِّل أيّة أزرار انتقاء ([[HTML/input/radio|radio button]]) أو صناديق تأشير ([[HTML/input/checkbox|checkbox]]) أو خيارات <code>[[HTML/option|<option>]]</code> في عنصر <code>[[HTML/select|<select>]]</code> تم تحديدها أو انتقاؤها. | |||
* صفحة الصنف الزائف <code>[[CSS/:disabled|disabled:]]</code> الذي يُمثِّل أي عنصر مُعطَّل. | |||
== vمصادر ومواصفات == | |||
*معيار [https://html.spec.whatwg.org/multipage/#selector-default HTML Living Standard]. | *معيار [https://html.spec.whatwg.org/multipage/#selector-default HTML Living Standard]. | ||
*مواصفة [http://www.w3.org/TR/html5/#selector-default HTML5]. | *مواصفة [http://www.w3.org/TR/html5/#selector-default HTML5]. | ||
مراجعة 20:57، 19 أكتوبر 2018
الصنف الزائف :default في CSS (أي pseudo-class) يُمثِّل أي عنصر مُختار افتراضيًا بين مجموعة من العناصر المتعلقة به؛ ويمكن استخدام هذا الصنف الزائف على أيّة أزرار عادية <button> أو أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات <option> في عنصر <select> تم تحديدها أو انتقاؤها.
input:default {
background-color: lime;
}
العناصر التي تسمح باختيار أكثر من عنصر يمكن أن يكون لها أكثر من عنصر مُختار افتراضيًا، ففي هذه الحالة ستُحدَّد جميع الخيارات الافتراضية باستخدام الصنف الزائف :default.
الشكل العام لهذا المحدد:
:default
أمثلة
لاحظ كيف حددنا أيّة عناصر <input> مُختارَة افتراضيًا باستخدام الصنف الزائف :default:
<input type="radio" name="season" id="spring">
<label for="spring">الربيع</label>
<input type="radio" name="season" id="summer" checked>
<label for="spring">الصيف</label>
<input type="radio" name="season" id="fall">
<label for="spring">الخريف</label>
<input type="radio" name="season" id="winter">
<label for="spring">الشتاء</label>
شيفرة CSS:
input:default {
box-shadow: 0 0 2px 1px coral;
}
input:default + label {
color: coral;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 10.0 | 4.0 | غير مدعومة | 10.0 | 5.0 |
انظر أيضًا
- صفحة الصنف الزائف
checked:الذي يُمثِّل أيّة أزرار انتقاء (radio button) أو صناديق تأشير (checkbox) أو خيارات<option>في عنصر<select>تم تحديدها أو انتقاؤها. - صفحة الصنف الزائف
disabled:الذي يُمثِّل أي عنصر مُعطَّل.
vمصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مسودة Selectors Level 4.
- مواصفة CSS Basic User Interface Module Level 3.