مرجع 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.
ساپورت مرورگر
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 هم که کلا هیچی … 😉
بیشتر بخوانید
استفاده از این متون آموزشی و کپی برداری از آن ها بلامانع می باشد. توجه شود که ذکر منبع به شدت روحیه دهنده است 😉 .
همچنین منتظر دیدگاه های شما هستیم.