تغییر شکل پیشفرض radio و checkbox (بدون اسکریپت)

شکل ظاهری پیشفرض مرورگرها برای radio و checkbox چندان جذاب و زیبا نیست و ممکن است با سایر عناصر یک فرم هماهنگی لازم را نداشته باشند.در اینجا صرفا با استفاده از CSS به راحتی می توانید شکل ظاهری مورد نظر خود را برای radio و checkbox مورد نظر خود ایجاد نمایید. در این مطلب شکل پیشفرض این دو عنصر پرکاربرد تغییر کرده اند و شما به آسانی و با تغییرات در استایل های آنها می توانید تغییرات و رنگ بندی مورد نظر خود را انجام دهید. در ضمن برای آیکن ها هم از fontawesome استفاده شده است.

کد را مطابق نمونه زیر در دو بخش head و body صفحه قرار دهید.

پیش نمایش











Print Friendly, PDF & Email

این مطالب چقدر مفید بود؟

میانگین امتیاز از ۵ | تعداد امتیاز:

As you found this post useful...

Follow us on social media!

We are sorry that this post was not useful for you!

Let us improve this post!

وب کاران

وب کاران

طراحی وب سایت، طراحی گرافیک

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *