قد لايعلم البعض انه من خلال css يمكن التعامل مع الوسم من النوع input بشكل كبير وفعال ، انظر المثال التالي ..
<style type="text/css">
input[name="id[]"][type="text"]{
background-color: blue;
}
input[name="id[]"][type="checkbox"]{
background-color: red;
}
</style>
<input name="id[]" type="text" />
<input name="id[]" type="checkbox" />
input[name="id[]"][type="text"]{
background-color: blue;
}
input[name="id[]"][type="checkbox"]{
background-color: red;
}
</style>
<input name="id[]" type="text" />
<input name="id[]" type="checkbox" />
في الاسلوب الاول يمكن تحديد اكثر من خاصية للعنصر ، في حالتنا هما الاسم والنوع ، كما تلاحظون للحقلين نفس الاسم مع اختلاف النوع ، عندما نقوم بتحديد النوع بعد تحديد الاسم سيتم تطبيق التنسيق المطلوب .. ، قم بتجربته وسترى النتيجة بنفسك ، مع ملاحظة انه قد لا يعمل على internet explorer ولا تسألني لماذا !
ليست هناك تعليقات:
إرسال تعليق