حتما گاهی شده که چک باکس های سیستم عاملتون به طرح سایتتون نمی خوره . و البته در هر سیستم عاملی یک جور نشون داده میشه . اگر می خواید خودتون چک باکس رو طراحی کنید می تونید از راهنمای زیر استفاده کنید :

به طور مثال شما چک باکس های زیر رو در فایل Html  دارید :

حالا کد زیر رو به فایل css خودتون اضافه کنید :

این کد باعث میشه چک باکستون مثل عکس بشه . اگرذ دوست داشتید به راحتی می تونید رنگ های مورد نظر خودتون رو جایگزینش کنید .

حالا فقط کافیه کد زیر رو در قسمت javascript خودتون قرار بدید :

البته اگر از css3 استفاده می کنید می توانید به جای کد جاوااسکریپت بالا از کد زیر استفاده کنید .

خب می دونید که هنوز که هنوز بعضی مرورگرهای قدیمی ( اینترنت اکسپلورر ! )  از css3 پشتیبانی نمی کنن پس بهتره از همون کد جاوا اسکریپت استفاده کنید .

 

منبع