مرجع CSS فارسی

PSEUDO-CLASS

default:

default: شبه عنصری ست که المان های در حالت پیش فرض default قرار دارند را انتخاب می کند .

معمولا برای منوهای متنی ، button ها و select ها استفاده می شود. یک مثال از این دست default submit button ها هستند.

همینطور برای checkbox ها و radio button هایی که توسط طراح یا برنامه نویس سایت خصوصیت check را دارند. و همینطور select ها از خانواده ی option ها که خصوصیت select برای شان اعمال شده است. این المان ها هم چنین شامل شبه کلاس checked: نیز می شوند.

موارد استفاده و مثال ها
/* select and style default button  */
button:default {
    border: 1px dotted #009966;
}

/* select and style default submit input */
input[type="submit"]:default {
    color: green;
}

/* select and style default options in a select list, 
and the label for the default (checked) checkboxes */
input[type="checkbox"]:default + label {
    text-decoration: line-through;
}

option:default {
    background-color: black;
    color: white; 
}
                

دموی زیر مثال هایی از کاربرد default: در فرم ها می باشد. در ابن فرم از المان هایی مختلفی استفاده شده است. اگر مرورگر شما از default: ساپورت کند ، می بایست خطی زیر متن checkbox ها ایجاد شده باشد.

See the Pen :default CSS examples by alishooti (@alishooti) on CodePen.0

ساپورت مرورگر

default: در مرورگر +Chrome 10+, Firefox 4+, Safari 5+, Opera 10 ساپورت می شود.

البته ساپورت مرورگرها برای استفاده از default: روی المان های مختلف متفاوت است .

Firefox از default: روی المان های checkbox ، radio button و input های از نوع submit پشتیبانی می کند.

(Opera(pre-webkit از default: روی المان های checkbox ، radio button پشتیبانی می کند.

مرورگرهای WebKit-based  و Blink-based (شامل post-WebKit Opera, Safari و Chrome) از default: روی المان های input از نوع submit  پشتیبانی می کند.

Internet Ecplorer هم که کلا هیچی … 😉

بیشتر بخوانید

استفاده از این متون آموزشی و کپی برداری از آن ها بلامانع می باشد. توجه شود که ذکر منبع به شدت روحیه دهنده است 😉 .

همچنین منتظر دیدگاه های شما هستیم.